#category {
  color: red;
}

#letter {
  color: blue;
}

body {
  overflow: hidden;
}

.wheel {
  z-index: 0;
  width: 420px;
  height: 420px;
  position: absolute;
}

.wheel_bg {
  z-index: 0;
  position: absolute;
  left: 0px;
  top: 0px;
}

.left_wheel {
  position: absolute;
  left: -210px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-transition: -webkit-transform 6s ease-in-out;
}

.category_wheel {
  position: absolute;
  left: -210px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-transition: -webkit-transform 6s ease-in-out;
}

.letter_wheel {
  position: absolute;
  right: -210px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  -webkit-transition: -webkit-transform 6s ease-in-out;
}

.slot_container {
  position: absolute;
  margin: auto;
  height: 0px;
  width: 0px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.slot_container .slot {
  position: absolute;
  left: -200px;
  text-align: right;
  z-index: 2;
}

.slot_container .cw_slot {
  position: absolute;
  right: -200px;
  z-index: 2;
}

.category_arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 25px;
  left: 200px;
}

.letter_arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: 25px;
  right: 200px;
}