.navWheel {
  position: absolute;
  z-index: 300;
  top: 2%;
  left: calc(100% - 139px);
  transform: scale(0.75);
  pointer-events: auto;
}

.navWheelElement {
  position: inherit;
  transform: rotate(-45deg);
  opacity: 50%;
}

#navWheelOverlay {
  top: 0.2px;
  left: -1.4px;
  pointer-events: none;
  opacity: 100%;
}

#navWheelWedge {
  position: relative;
  top: 0px;
  left: -1.9px;
  pointer-events: none;
  opacity: 40%;
}

#navWheelCenter {
  top: 36.5px;
  left: 36.5px;
  opacity: 100%;
  pointer-events: auto;
  clip-path: circle(36%);
  transition: transform 0.2s;
}

#navWheelNorth {
  top: -16px;
  left: 33.5px;
}

#navWheelEast {
  top: 34.8px;
  left: 84.8px;
  transform: rotate(45deg);
}

#navWheelSouth {
  top: 86px;
  left: 33px;
}

#navWheelWest {
  top: 35.2px;
  left: -18.4px;
}