@keyframes scale {
  from {
    transform: scale(0.01);
  }

  to {
    transform: scale(1.00);
  }
}

.wheelItem {
  animation: .2s scale ease-in-out;
  position: absolute;
  background: #333333;
  padding: 0.5%;
  border-radius: 5px;
  border: 1px solid black;
  text-overflow: ellipsis;
  overflow: hidden;
  color: white;
  text-decoration: none;
  white-space: nowrap;
  max-height: 10em;
  overflow-y: auto;
  font-size: 1.2em;
}

.wheelItem>summary {
  cursor: pointer;
}

.wheelItem>a {
  margin-top: 1px;
}

.wheelItem:hover {
  background: #555555;
}

.wheelItem:before {
  margin-right: .5em;
}

.wheelCenter {
  animation: .2s scale ease-in-out;
  position: absolute;
  background: transparent;
  border-radius: 50px;
  border: 3px solid black;
  width: 30px;
  height: 30px;
  color: white;
  text-decoration: none;
  font-size: 30px;
}

.wheelFolderItem {
  display: block;
  color: white;
}

.textLayer {
  display: none;
}

.show {
  z-index: 2002 !important;
}