body {
  background-color: #000;
  min-height: 100vh;
  perspective: 1000px;
  overflow: hidden;
  -webkit-animation: origin 18s infinite ease-in-out alternate;
          animation: origin 18s infinite ease-in-out alternate;
}
@-webkit-keyframes origin {
  from {
    perspective-origin: center calc(50% - 400px);
  }
  to {
    perspective-origin: center 50%;
  }
}
@keyframes origin {
  from {
    perspective-origin: center calc(50% - 400px);
  }
  to {
    perspective-origin: center 50%;
  }
}

.floor {
  position: absolute;
  width: 1000px;
  height: 1000px;
  background-image: radial-gradient(ellipse at center, #000, #0000 33%), radial-gradient(#011e 33%, #000 66%), conic-gradient(from 30deg, #000 90deg, #777 90deg 180deg, #000 180deg 270deg, #777 270deg);
  background-size: 125% 50%, 100% 100%, 50px 50px;
  background-repeat: no-repeat, no-repeat, repeat;
  z-index: -1;
  transform: translate(-50%, -50%) rotateX(90deg) translateZ(-130px);
  -webkit-animation: floor 0.9375s infinite linear;
          animation: floor 0.9375s infinite linear;
}
@-webkit-keyframes floor {
  from {
    background-position: center, center, 50px 0;
  }
  to {
    background-position: center, center, 0 0;
  }
}
@keyframes floor {
  from {
    background-position: center, center, 50px 0;
  }
  to {
    background-position: center, center, 0 0;
  }
}

.gears {
  position: relative;
  transform-style: preserve-3d;
  -webkit-animation: rotate 30s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
          animation: rotate 30s infinite cubic-bezier(0.5, 0.25, 0.5, 0.75);
}
@-webkit-keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-180deg);
  }
  100% {
    transform: rotateY(-360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-180deg);
  }
  100% {
    transform: rotateY(-360deg);
  }
}

.gear {
  position: absolute;
  transform-style: preserve-3d;
  -webkit-animation: turn var(--speed) infinite linear;
          animation: turn var(--speed) infinite linear;
  --rotateY: 0;
}
@-webkit-keyframes turn {
  from {
    transform: rotateY(var(--rotateY)) rotate(0deg);
  }
  to {
    transform: rotateY(var(--rotateY)) rotate(360deg);
  }
}
@keyframes turn {
  from {
    transform: rotateY(var(--rotateY)) rotate(0deg);
  }
  to {
    transform: rotateY(var(--rotateY)) rotate(360deg);
  }
}

.tooth {
  position: absolute;
  bottom: 0;
  left: -25px;
  width: 50px;
  height: var(--toothRadius);
  transform: rotate(var(--rotate));
  transform-origin: bottom;
  transform-style: preserve-3d;
}
.tooth > * {
  position: absolute;
}
.tooth .front, .tooth .back {
  width: 100%;
  height: var(--toothHeight);
  -webkit-clip-path: polygon(0px var(--sideAngle), 10px 30px, 15px 20px, 15px 10px, 20px 0, 30px 0, 35px 10px, 35px 20px, 40px 30px, 50px var(--sideAngle), 50% var(--toothRadius));
          clip-path: polygon(0px var(--sideAngle), 10px 30px, 15px 20px, 15px 10px, 20px 0, 30px 0, 35px 10px, 35px 20px, 40px 30px, 50px var(--sideAngle), 50% var(--toothRadius));
  background-image: linear-gradient(var(--color), var(--color)), radial-gradient(circle at 50% var(--toothRadius), #777 calc(var(--toothRadius) - var(--toothHeight)), #999 calc(var(--toothRadius) - (var(--toothHeight) * 0.66)), #777 var(--toothRadius));
}
.tooth .front {
  transform: translateZ(37.5px);
}
.tooth .back {
  transform: translateZ(-37.5px);
}
.tooth .bottom {
  top: var(--toothHeight);
  left: 0;
  width: 100%;
  height: 75px;
  transform: translateY(-50%) rotateX(-90deg);
  background-image: linear-gradient(var(--color), var(--color)), linear-gradient(#0002, #0000 20% 80%, #0002);
}
.tooth .side {
  height: 75px;
  background-image: linear-gradient(var(--color), var(--color)), linear-gradient(90deg, #0001, #0000, #0001), linear-gradient(#0002, #0000 25% 75%, #0002);
}
.tooth .side-4, .tooth .side-5, .tooth .side-6 {
  box-shadow: 0 0 10px #0005;
}
.tooth .side-1 {
  top: 30px;
  left: 10px;
  width: 20%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(var(--side1angle));
  transform-origin: top left;
}
.tooth .side-2 {
  top: 30px;
  left: 10px;
  width: 25%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(64deg);
  transform-origin: top left;
}
.tooth .side-3 {
  top: 20px;
  left: 15px;
  width: 20%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(90deg);
  transform-origin: top left;
}
.tooth .side-4 {
  top: 10px;
  left: 15px;
  width: 22.5%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(64deg);
  transform-origin: top left;
}
.tooth .side-5 {
  top: 0;
  left: 20px;
  width: 20%;
  transform: translateZ(37.5px) rotateX(-90deg);
  transform-origin: top left;
}
.tooth .side-6 {
  top: 10px;
  left: 35px;
  width: 22.5%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(116deg);
  transform-origin: top left;
}
.tooth .side-7 {
  top: 20px;
  left: 35px;
  width: 20%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(90deg);
  transform-origin: top left;
}
.tooth .side-8 {
  top: 30px;
  left: 40px;
  width: 25%;
  transform: translateZ(37.5px) rotateX(-90deg) rotateY(116deg);
  transform-origin: top left;
}

.gear-16 {
  --color: #07f1;
  --toothRadius: 131px;
  --toothHeight: 70.5px;
  --sideAngle: 32px;
  --side1angle: 191.25deg;
  --speed: 15s;
  top: 0px;
  left: 0px;
}
.gear-16 .tooth:nth-child(1) {
  --rotate: 0deg;
}
.gear-16 .tooth:nth-child(1) .bottom {
  -webkit-animation: gearColorBottom 15s -7.5s infinite linear;
          animation: gearColorBottom 15s -7.5s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-1 {
  -webkit-animation: gearColorSide16 15s -14.53125s infinite linear;
          animation: gearColorSide16 15s -14.53125s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-2 {
  -webkit-animation: gearColorSide16 15s -14.6484375s infinite linear;
          animation: gearColorSide16 15s -14.6484375s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-3 {
  -webkit-animation: gearColorSide16 15s -14.765625s infinite linear;
          animation: gearColorSide16 15s -14.765625s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-4 {
  -webkit-animation: gearColorSide16 15s -14.8828125s infinite linear;
          animation: gearColorSide16 15s -14.8828125s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-5 {
  -webkit-animation: gearColorSide16 15s -15s infinite linear;
          animation: gearColorSide16 15s -15s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-6 {
  -webkit-animation: gearColorSide16 15s -15.1171875s infinite linear;
          animation: gearColorSide16 15s -15.1171875s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-7 {
  -webkit-animation: gearColorSide16 15s -15.234375s infinite linear;
          animation: gearColorSide16 15s -15.234375s infinite linear;
}
.gear-16 .tooth:nth-child(1) .side-8 {
  -webkit-animation: gearColorSide16 15s -15.3515625s infinite linear;
          animation: gearColorSide16 15s -15.3515625s infinite linear;
}
.gear-16 .tooth:nth-child(2) {
  --rotate: 22.5deg;
}
.gear-16 .tooth:nth-child(2) .bottom {
  -webkit-animation: gearColorBottom 15s -8.4375s infinite linear;
          animation: gearColorBottom 15s -8.4375s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-1 {
  -webkit-animation: gearColorSide16 15s -15.46875s infinite linear;
          animation: gearColorSide16 15s -15.46875s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-2 {
  -webkit-animation: gearColorSide16 15s -15.5859375s infinite linear;
          animation: gearColorSide16 15s -15.5859375s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-3 {
  -webkit-animation: gearColorSide16 15s -15.703125s infinite linear;
          animation: gearColorSide16 15s -15.703125s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-4 {
  -webkit-animation: gearColorSide16 15s -15.8203125s infinite linear;
          animation: gearColorSide16 15s -15.8203125s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-5 {
  -webkit-animation: gearColorSide16 15s -15.9375s infinite linear;
          animation: gearColorSide16 15s -15.9375s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-6 {
  -webkit-animation: gearColorSide16 15s -16.0546875s infinite linear;
          animation: gearColorSide16 15s -16.0546875s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-7 {
  -webkit-animation: gearColorSide16 15s -16.171875s infinite linear;
          animation: gearColorSide16 15s -16.171875s infinite linear;
}
.gear-16 .tooth:nth-child(2) .side-8 {
  -webkit-animation: gearColorSide16 15s -16.2890625s infinite linear;
          animation: gearColorSide16 15s -16.2890625s infinite linear;
}
.gear-16 .tooth:nth-child(3) {
  --rotate: 45deg;
}
.gear-16 .tooth:nth-child(3) .bottom {
  -webkit-animation: gearColorBottom 15s -9.375s infinite linear;
          animation: gearColorBottom 15s -9.375s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-1 {
  -webkit-animation: gearColorSide16 15s -16.40625s infinite linear;
          animation: gearColorSide16 15s -16.40625s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-2 {
  -webkit-animation: gearColorSide16 15s -16.5234375s infinite linear;
          animation: gearColorSide16 15s -16.5234375s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-3 {
  -webkit-animation: gearColorSide16 15s -16.640625s infinite linear;
          animation: gearColorSide16 15s -16.640625s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-4 {
  -webkit-animation: gearColorSide16 15s -16.7578125s infinite linear;
          animation: gearColorSide16 15s -16.7578125s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-5 {
  -webkit-animation: gearColorSide16 15s -16.875s infinite linear;
          animation: gearColorSide16 15s -16.875s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-6 {
  -webkit-animation: gearColorSide16 15s -16.9921875s infinite linear;
          animation: gearColorSide16 15s -16.9921875s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-7 {
  -webkit-animation: gearColorSide16 15s -17.109375s infinite linear;
          animation: gearColorSide16 15s -17.109375s infinite linear;
}
.gear-16 .tooth:nth-child(3) .side-8 {
  -webkit-animation: gearColorSide16 15s -17.2265625s infinite linear;
          animation: gearColorSide16 15s -17.2265625s infinite linear;
}
.gear-16 .tooth:nth-child(4) {
  --rotate: 67.5deg;
}
.gear-16 .tooth:nth-child(4) .bottom {
  -webkit-animation: gearColorBottom 15s -10.3125s infinite linear;
          animation: gearColorBottom 15s -10.3125s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-1 {
  -webkit-animation: gearColorSide16 15s -17.34375s infinite linear;
          animation: gearColorSide16 15s -17.34375s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-2 {
  -webkit-animation: gearColorSide16 15s -17.4609375s infinite linear;
          animation: gearColorSide16 15s -17.4609375s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-3 {
  -webkit-animation: gearColorSide16 15s -17.578125s infinite linear;
          animation: gearColorSide16 15s -17.578125s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-4 {
  -webkit-animation: gearColorSide16 15s -17.6953125s infinite linear;
          animation: gearColorSide16 15s -17.6953125s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-5 {
  -webkit-animation: gearColorSide16 15s -17.8125s infinite linear;
          animation: gearColorSide16 15s -17.8125s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-6 {
  -webkit-animation: gearColorSide16 15s -17.9296875s infinite linear;
          animation: gearColorSide16 15s -17.9296875s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-7 {
  -webkit-animation: gearColorSide16 15s -18.046875s infinite linear;
          animation: gearColorSide16 15s -18.046875s infinite linear;
}
.gear-16 .tooth:nth-child(4) .side-8 {
  -webkit-animation: gearColorSide16 15s -18.1640625s infinite linear;
          animation: gearColorSide16 15s -18.1640625s infinite linear;
}
.gear-16 .tooth:nth-child(5) {
  --rotate: 90deg;
}
.gear-16 .tooth:nth-child(5) .bottom {
  -webkit-animation: gearColorBottom 15s -11.25s infinite linear;
          animation: gearColorBottom 15s -11.25s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-1 {
  -webkit-animation: gearColorSide16 15s -18.28125s infinite linear;
          animation: gearColorSide16 15s -18.28125s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-2 {
  -webkit-animation: gearColorSide16 15s -18.3984375s infinite linear;
          animation: gearColorSide16 15s -18.3984375s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-3 {
  -webkit-animation: gearColorSide16 15s -18.515625s infinite linear;
          animation: gearColorSide16 15s -18.515625s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-4 {
  -webkit-animation: gearColorSide16 15s -18.6328125s infinite linear;
          animation: gearColorSide16 15s -18.6328125s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-5 {
  -webkit-animation: gearColorSide16 15s -18.75s infinite linear;
          animation: gearColorSide16 15s -18.75s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-6 {
  -webkit-animation: gearColorSide16 15s -18.8671875s infinite linear;
          animation: gearColorSide16 15s -18.8671875s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-7 {
  -webkit-animation: gearColorSide16 15s -18.984375s infinite linear;
          animation: gearColorSide16 15s -18.984375s infinite linear;
}
.gear-16 .tooth:nth-child(5) .side-8 {
  -webkit-animation: gearColorSide16 15s -19.1015625s infinite linear;
          animation: gearColorSide16 15s -19.1015625s infinite linear;
}
.gear-16 .tooth:nth-child(6) {
  --rotate: 112.5deg;
}
.gear-16 .tooth:nth-child(6) .bottom {
  -webkit-animation: gearColorBottom 15s -12.1875s infinite linear;
          animation: gearColorBottom 15s -12.1875s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-1 {
  -webkit-animation: gearColorSide16 15s -19.21875s infinite linear;
          animation: gearColorSide16 15s -19.21875s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-2 {
  -webkit-animation: gearColorSide16 15s -19.3359375s infinite linear;
          animation: gearColorSide16 15s -19.3359375s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-3 {
  -webkit-animation: gearColorSide16 15s -19.453125s infinite linear;
          animation: gearColorSide16 15s -19.453125s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-4 {
  -webkit-animation: gearColorSide16 15s -19.5703125s infinite linear;
          animation: gearColorSide16 15s -19.5703125s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-5 {
  -webkit-animation: gearColorSide16 15s -19.6875s infinite linear;
          animation: gearColorSide16 15s -19.6875s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-6 {
  -webkit-animation: gearColorSide16 15s -19.8046875s infinite linear;
          animation: gearColorSide16 15s -19.8046875s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-7 {
  -webkit-animation: gearColorSide16 15s -19.921875s infinite linear;
          animation: gearColorSide16 15s -19.921875s infinite linear;
}
.gear-16 .tooth:nth-child(6) .side-8 {
  -webkit-animation: gearColorSide16 15s -20.0390625s infinite linear;
          animation: gearColorSide16 15s -20.0390625s infinite linear;
}
.gear-16 .tooth:nth-child(7) {
  --rotate: 135deg;
}
.gear-16 .tooth:nth-child(7) .bottom {
  -webkit-animation: gearColorBottom 15s -13.125s infinite linear;
          animation: gearColorBottom 15s -13.125s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-1 {
  -webkit-animation: gearColorSide16 15s -20.15625s infinite linear;
          animation: gearColorSide16 15s -20.15625s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-2 {
  -webkit-animation: gearColorSide16 15s -20.2734375s infinite linear;
          animation: gearColorSide16 15s -20.2734375s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-3 {
  -webkit-animation: gearColorSide16 15s -20.390625s infinite linear;
          animation: gearColorSide16 15s -20.390625s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-4 {
  -webkit-animation: gearColorSide16 15s -20.5078125s infinite linear;
          animation: gearColorSide16 15s -20.5078125s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-5 {
  -webkit-animation: gearColorSide16 15s -20.625s infinite linear;
          animation: gearColorSide16 15s -20.625s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-6 {
  -webkit-animation: gearColorSide16 15s -20.7421875s infinite linear;
          animation: gearColorSide16 15s -20.7421875s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-7 {
  -webkit-animation: gearColorSide16 15s -20.859375s infinite linear;
          animation: gearColorSide16 15s -20.859375s infinite linear;
}
.gear-16 .tooth:nth-child(7) .side-8 {
  -webkit-animation: gearColorSide16 15s -20.9765625s infinite linear;
          animation: gearColorSide16 15s -20.9765625s infinite linear;
}
.gear-16 .tooth:nth-child(8) {
  --rotate: 157.5deg;
}
.gear-16 .tooth:nth-child(8) .bottom {
  -webkit-animation: gearColorBottom 15s -14.0625s infinite linear;
          animation: gearColorBottom 15s -14.0625s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-1 {
  -webkit-animation: gearColorSide16 15s -21.09375s infinite linear;
          animation: gearColorSide16 15s -21.09375s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-2 {
  -webkit-animation: gearColorSide16 15s -21.2109375s infinite linear;
          animation: gearColorSide16 15s -21.2109375s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-3 {
  -webkit-animation: gearColorSide16 15s -21.328125s infinite linear;
          animation: gearColorSide16 15s -21.328125s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-4 {
  -webkit-animation: gearColorSide16 15s -21.4453125s infinite linear;
          animation: gearColorSide16 15s -21.4453125s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-5 {
  -webkit-animation: gearColorSide16 15s -21.5625s infinite linear;
          animation: gearColorSide16 15s -21.5625s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-6 {
  -webkit-animation: gearColorSide16 15s -21.6796875s infinite linear;
          animation: gearColorSide16 15s -21.6796875s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-7 {
  -webkit-animation: gearColorSide16 15s -21.796875s infinite linear;
          animation: gearColorSide16 15s -21.796875s infinite linear;
}
.gear-16 .tooth:nth-child(8) .side-8 {
  -webkit-animation: gearColorSide16 15s -21.9140625s infinite linear;
          animation: gearColorSide16 15s -21.9140625s infinite linear;
}
.gear-16 .tooth:nth-child(9) {
  --rotate: 180deg;
}
.gear-16 .tooth:nth-child(9) .bottom {
  -webkit-animation: gearColorBottom 15s -15s infinite linear;
          animation: gearColorBottom 15s -15s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-1 {
  -webkit-animation: gearColorSide16 15s -22.03125s infinite linear;
          animation: gearColorSide16 15s -22.03125s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-2 {
  -webkit-animation: gearColorSide16 15s -22.1484375s infinite linear;
          animation: gearColorSide16 15s -22.1484375s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-3 {
  -webkit-animation: gearColorSide16 15s -22.265625s infinite linear;
          animation: gearColorSide16 15s -22.265625s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-4 {
  -webkit-animation: gearColorSide16 15s -22.3828125s infinite linear;
          animation: gearColorSide16 15s -22.3828125s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-5 {
  -webkit-animation: gearColorSide16 15s -22.5s infinite linear;
          animation: gearColorSide16 15s -22.5s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-6 {
  -webkit-animation: gearColorSide16 15s -22.6171875s infinite linear;
          animation: gearColorSide16 15s -22.6171875s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-7 {
  -webkit-animation: gearColorSide16 15s -22.734375s infinite linear;
          animation: gearColorSide16 15s -22.734375s infinite linear;
}
.gear-16 .tooth:nth-child(9) .side-8 {
  -webkit-animation: gearColorSide16 15s -22.8515625s infinite linear;
          animation: gearColorSide16 15s -22.8515625s infinite linear;
}
.gear-16 .tooth:nth-child(10) {
  --rotate: 202.5deg;
}
.gear-16 .tooth:nth-child(10) .bottom {
  -webkit-animation: gearColorBottom 15s -15.9375s infinite linear;
          animation: gearColorBottom 15s -15.9375s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-1 {
  -webkit-animation: gearColorSide16 15s -22.96875s infinite linear;
          animation: gearColorSide16 15s -22.96875s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-2 {
  -webkit-animation: gearColorSide16 15s -23.0859375s infinite linear;
          animation: gearColorSide16 15s -23.0859375s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-3 {
  -webkit-animation: gearColorSide16 15s -23.203125s infinite linear;
          animation: gearColorSide16 15s -23.203125s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-4 {
  -webkit-animation: gearColorSide16 15s -23.3203125s infinite linear;
          animation: gearColorSide16 15s -23.3203125s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-5 {
  -webkit-animation: gearColorSide16 15s -23.4375s infinite linear;
          animation: gearColorSide16 15s -23.4375s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-6 {
  -webkit-animation: gearColorSide16 15s -23.5546875s infinite linear;
          animation: gearColorSide16 15s -23.5546875s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-7 {
  -webkit-animation: gearColorSide16 15s -23.671875s infinite linear;
          animation: gearColorSide16 15s -23.671875s infinite linear;
}
.gear-16 .tooth:nth-child(10) .side-8 {
  -webkit-animation: gearColorSide16 15s -23.7890625s infinite linear;
          animation: gearColorSide16 15s -23.7890625s infinite linear;
}
.gear-16 .tooth:nth-child(11) {
  --rotate: 225deg;
}
.gear-16 .tooth:nth-child(11) .bottom {
  -webkit-animation: gearColorBottom 15s -16.875s infinite linear;
          animation: gearColorBottom 15s -16.875s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-1 {
  -webkit-animation: gearColorSide16 15s -23.90625s infinite linear;
          animation: gearColorSide16 15s -23.90625s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-2 {
  -webkit-animation: gearColorSide16 15s -24.0234375s infinite linear;
          animation: gearColorSide16 15s -24.0234375s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-3 {
  -webkit-animation: gearColorSide16 15s -24.140625s infinite linear;
          animation: gearColorSide16 15s -24.140625s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-4 {
  -webkit-animation: gearColorSide16 15s -24.2578125s infinite linear;
          animation: gearColorSide16 15s -24.2578125s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-5 {
  -webkit-animation: gearColorSide16 15s -24.375s infinite linear;
          animation: gearColorSide16 15s -24.375s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-6 {
  -webkit-animation: gearColorSide16 15s -24.4921875s infinite linear;
          animation: gearColorSide16 15s -24.4921875s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-7 {
  -webkit-animation: gearColorSide16 15s -24.609375s infinite linear;
          animation: gearColorSide16 15s -24.609375s infinite linear;
}
.gear-16 .tooth:nth-child(11) .side-8 {
  -webkit-animation: gearColorSide16 15s -24.7265625s infinite linear;
          animation: gearColorSide16 15s -24.7265625s infinite linear;
}
.gear-16 .tooth:nth-child(12) {
  --rotate: 247.5deg;
}
.gear-16 .tooth:nth-child(12) .bottom {
  -webkit-animation: gearColorBottom 15s -17.8125s infinite linear;
          animation: gearColorBottom 15s -17.8125s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-1 {
  -webkit-animation: gearColorSide16 15s -24.84375s infinite linear;
          animation: gearColorSide16 15s -24.84375s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-2 {
  -webkit-animation: gearColorSide16 15s -24.9609375s infinite linear;
          animation: gearColorSide16 15s -24.9609375s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-3 {
  -webkit-animation: gearColorSide16 15s -25.078125s infinite linear;
          animation: gearColorSide16 15s -25.078125s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-4 {
  -webkit-animation: gearColorSide16 15s -25.1953125s infinite linear;
          animation: gearColorSide16 15s -25.1953125s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-5 {
  -webkit-animation: gearColorSide16 15s -25.3125s infinite linear;
          animation: gearColorSide16 15s -25.3125s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-6 {
  -webkit-animation: gearColorSide16 15s -25.4296875s infinite linear;
          animation: gearColorSide16 15s -25.4296875s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-7 {
  -webkit-animation: gearColorSide16 15s -25.546875s infinite linear;
          animation: gearColorSide16 15s -25.546875s infinite linear;
}
.gear-16 .tooth:nth-child(12) .side-8 {
  -webkit-animation: gearColorSide16 15s -25.6640625s infinite linear;
          animation: gearColorSide16 15s -25.6640625s infinite linear;
}
.gear-16 .tooth:nth-child(13) {
  --rotate: 270deg;
}
.gear-16 .tooth:nth-child(13) .bottom {
  -webkit-animation: gearColorBottom 15s -18.75s infinite linear;
          animation: gearColorBottom 15s -18.75s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-1 {
  -webkit-animation: gearColorSide16 15s -25.78125s infinite linear;
          animation: gearColorSide16 15s -25.78125s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-2 {
  -webkit-animation: gearColorSide16 15s -25.8984375s infinite linear;
          animation: gearColorSide16 15s -25.8984375s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-3 {
  -webkit-animation: gearColorSide16 15s -26.015625s infinite linear;
          animation: gearColorSide16 15s -26.015625s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-4 {
  -webkit-animation: gearColorSide16 15s -26.1328125s infinite linear;
          animation: gearColorSide16 15s -26.1328125s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-5 {
  -webkit-animation: gearColorSide16 15s -26.25s infinite linear;
          animation: gearColorSide16 15s -26.25s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-6 {
  -webkit-animation: gearColorSide16 15s -26.3671875s infinite linear;
          animation: gearColorSide16 15s -26.3671875s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-7 {
  -webkit-animation: gearColorSide16 15s -26.484375s infinite linear;
          animation: gearColorSide16 15s -26.484375s infinite linear;
}
.gear-16 .tooth:nth-child(13) .side-8 {
  -webkit-animation: gearColorSide16 15s -26.6015625s infinite linear;
          animation: gearColorSide16 15s -26.6015625s infinite linear;
}
.gear-16 .tooth:nth-child(14) {
  --rotate: 292.5deg;
}
.gear-16 .tooth:nth-child(14) .bottom {
  -webkit-animation: gearColorBottom 15s -19.6875s infinite linear;
          animation: gearColorBottom 15s -19.6875s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-1 {
  -webkit-animation: gearColorSide16 15s -26.71875s infinite linear;
          animation: gearColorSide16 15s -26.71875s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-2 {
  -webkit-animation: gearColorSide16 15s -26.8359375s infinite linear;
          animation: gearColorSide16 15s -26.8359375s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-3 {
  -webkit-animation: gearColorSide16 15s -26.953125s infinite linear;
          animation: gearColorSide16 15s -26.953125s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-4 {
  -webkit-animation: gearColorSide16 15s -27.0703125s infinite linear;
          animation: gearColorSide16 15s -27.0703125s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-5 {
  -webkit-animation: gearColorSide16 15s -27.1875s infinite linear;
          animation: gearColorSide16 15s -27.1875s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-6 {
  -webkit-animation: gearColorSide16 15s -27.3046875s infinite linear;
          animation: gearColorSide16 15s -27.3046875s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-7 {
  -webkit-animation: gearColorSide16 15s -27.421875s infinite linear;
          animation: gearColorSide16 15s -27.421875s infinite linear;
}
.gear-16 .tooth:nth-child(14) .side-8 {
  -webkit-animation: gearColorSide16 15s -27.5390625s infinite linear;
          animation: gearColorSide16 15s -27.5390625s infinite linear;
}
.gear-16 .tooth:nth-child(15) {
  --rotate: 315deg;
}
.gear-16 .tooth:nth-child(15) .bottom {
  -webkit-animation: gearColorBottom 15s -20.625s infinite linear;
          animation: gearColorBottom 15s -20.625s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-1 {
  -webkit-animation: gearColorSide16 15s -27.65625s infinite linear;
          animation: gearColorSide16 15s -27.65625s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-2 {
  -webkit-animation: gearColorSide16 15s -27.7734375s infinite linear;
          animation: gearColorSide16 15s -27.7734375s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-3 {
  -webkit-animation: gearColorSide16 15s -27.890625s infinite linear;
          animation: gearColorSide16 15s -27.890625s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-4 {
  -webkit-animation: gearColorSide16 15s -28.0078125s infinite linear;
          animation: gearColorSide16 15s -28.0078125s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-5 {
  -webkit-animation: gearColorSide16 15s -28.125s infinite linear;
          animation: gearColorSide16 15s -28.125s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-6 {
  -webkit-animation: gearColorSide16 15s -28.2421875s infinite linear;
          animation: gearColorSide16 15s -28.2421875s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-7 {
  -webkit-animation: gearColorSide16 15s -28.359375s infinite linear;
          animation: gearColorSide16 15s -28.359375s infinite linear;
}
.gear-16 .tooth:nth-child(15) .side-8 {
  -webkit-animation: gearColorSide16 15s -28.4765625s infinite linear;
          animation: gearColorSide16 15s -28.4765625s infinite linear;
}
.gear-16 .tooth:nth-child(16) {
  --rotate: 337.5deg;
}
.gear-16 .tooth:nth-child(16) .bottom {
  -webkit-animation: gearColorBottom 15s -21.5625s infinite linear;
          animation: gearColorBottom 15s -21.5625s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-1 {
  -webkit-animation: gearColorSide16 15s -28.59375s infinite linear;
          animation: gearColorSide16 15s -28.59375s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-2 {
  -webkit-animation: gearColorSide16 15s -28.7109375s infinite linear;
          animation: gearColorSide16 15s -28.7109375s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-3 {
  -webkit-animation: gearColorSide16 15s -28.828125s infinite linear;
          animation: gearColorSide16 15s -28.828125s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-4 {
  -webkit-animation: gearColorSide16 15s -28.9453125s infinite linear;
          animation: gearColorSide16 15s -28.9453125s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-5 {
  -webkit-animation: gearColorSide16 15s -29.0625s infinite linear;
          animation: gearColorSide16 15s -29.0625s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-6 {
  -webkit-animation: gearColorSide16 15s -29.1796875s infinite linear;
          animation: gearColorSide16 15s -29.1796875s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-7 {
  -webkit-animation: gearColorSide16 15s -29.296875s infinite linear;
          animation: gearColorSide16 15s -29.296875s infinite linear;
}
.gear-16 .tooth:nth-child(16) .side-8 {
  -webkit-animation: gearColorSide16 15s -29.4140625s infinite linear;
          animation: gearColorSide16 15s -29.4140625s infinite linear;
}

.gear-12 {
  --color: #0f71;
  --toothRadius: 105px;
  --toothHeight: 61.5px;
  --sideAngle: 33px;
  --side1angle: 195deg;
  --rotateY: 180deg;
  --speed: 11.25s;
  top: -148px;
  left: 148px;
}
.gear-12 .tooth:nth-child(1) {
  --rotate: 0deg;
}
.gear-12 .tooth:nth-child(1) .bottom {
  -webkit-animation: gearColorBottom 11.25s -5.625s infinite linear;
          animation: gearColorBottom 11.25s -5.625s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -10.78125s infinite linear;
          animation: gearColorSide12 11.25s -10.78125s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -10.8984375s infinite linear;
          animation: gearColorSide12 11.25s -10.8984375s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -11.015625s infinite linear;
          animation: gearColorSide12 11.25s -11.015625s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -11.1328125s infinite linear;
          animation: gearColorSide12 11.25s -11.1328125s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -11.25s infinite linear;
          animation: gearColorSide12 11.25s -11.25s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -11.3671875s infinite linear;
          animation: gearColorSide12 11.25s -11.3671875s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -11.484375s infinite linear;
          animation: gearColorSide12 11.25s -11.484375s infinite linear;
}
.gear-12 .tooth:nth-child(1) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -11.6015625s infinite linear;
          animation: gearColorSide12 11.25s -11.6015625s infinite linear;
}
.gear-12 .tooth:nth-child(2) {
  --rotate: 30deg;
}
.gear-12 .tooth:nth-child(2) .bottom {
  -webkit-animation: gearColorBottom 11.25s -6.5625s infinite linear;
          animation: gearColorBottom 11.25s -6.5625s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -11.71875s infinite linear;
          animation: gearColorSide12 11.25s -11.71875s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -11.8359375s infinite linear;
          animation: gearColorSide12 11.25s -11.8359375s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -11.953125s infinite linear;
          animation: gearColorSide12 11.25s -11.953125s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -12.0703125s infinite linear;
          animation: gearColorSide12 11.25s -12.0703125s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -12.1875s infinite linear;
          animation: gearColorSide12 11.25s -12.1875s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -12.3046875s infinite linear;
          animation: gearColorSide12 11.25s -12.3046875s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -12.421875s infinite linear;
          animation: gearColorSide12 11.25s -12.421875s infinite linear;
}
.gear-12 .tooth:nth-child(2) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -12.5390625s infinite linear;
          animation: gearColorSide12 11.25s -12.5390625s infinite linear;
}
.gear-12 .tooth:nth-child(3) {
  --rotate: 60deg;
}
.gear-12 .tooth:nth-child(3) .bottom {
  -webkit-animation: gearColorBottom 11.25s -7.5s infinite linear;
          animation: gearColorBottom 11.25s -7.5s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -12.65625s infinite linear;
          animation: gearColorSide12 11.25s -12.65625s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -12.7734375s infinite linear;
          animation: gearColorSide12 11.25s -12.7734375s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -12.890625s infinite linear;
          animation: gearColorSide12 11.25s -12.890625s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -13.0078125s infinite linear;
          animation: gearColorSide12 11.25s -13.0078125s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -13.125s infinite linear;
          animation: gearColorSide12 11.25s -13.125s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -13.2421875s infinite linear;
          animation: gearColorSide12 11.25s -13.2421875s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -13.359375s infinite linear;
          animation: gearColorSide12 11.25s -13.359375s infinite linear;
}
.gear-12 .tooth:nth-child(3) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -13.4765625s infinite linear;
          animation: gearColorSide12 11.25s -13.4765625s infinite linear;
}
.gear-12 .tooth:nth-child(4) {
  --rotate: 90deg;
}
.gear-12 .tooth:nth-child(4) .bottom {
  -webkit-animation: gearColorBottom 11.25s -8.4375s infinite linear;
          animation: gearColorBottom 11.25s -8.4375s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -13.59375s infinite linear;
          animation: gearColorSide12 11.25s -13.59375s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -13.7109375s infinite linear;
          animation: gearColorSide12 11.25s -13.7109375s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -13.828125s infinite linear;
          animation: gearColorSide12 11.25s -13.828125s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -13.9453125s infinite linear;
          animation: gearColorSide12 11.25s -13.9453125s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -14.0625s infinite linear;
          animation: gearColorSide12 11.25s -14.0625s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -14.1796875s infinite linear;
          animation: gearColorSide12 11.25s -14.1796875s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -14.296875s infinite linear;
          animation: gearColorSide12 11.25s -14.296875s infinite linear;
}
.gear-12 .tooth:nth-child(4) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -14.4140625s infinite linear;
          animation: gearColorSide12 11.25s -14.4140625s infinite linear;
}
.gear-12 .tooth:nth-child(5) {
  --rotate: 120deg;
}
.gear-12 .tooth:nth-child(5) .bottom {
  -webkit-animation: gearColorBottom 11.25s -9.375s infinite linear;
          animation: gearColorBottom 11.25s -9.375s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -14.53125s infinite linear;
          animation: gearColorSide12 11.25s -14.53125s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -14.6484375s infinite linear;
          animation: gearColorSide12 11.25s -14.6484375s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -14.765625s infinite linear;
          animation: gearColorSide12 11.25s -14.765625s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -14.8828125s infinite linear;
          animation: gearColorSide12 11.25s -14.8828125s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -15s infinite linear;
          animation: gearColorSide12 11.25s -15s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -15.1171875s infinite linear;
          animation: gearColorSide12 11.25s -15.1171875s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -15.234375s infinite linear;
          animation: gearColorSide12 11.25s -15.234375s infinite linear;
}
.gear-12 .tooth:nth-child(5) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -15.3515625s infinite linear;
          animation: gearColorSide12 11.25s -15.3515625s infinite linear;
}
.gear-12 .tooth:nth-child(6) {
  --rotate: 150deg;
}
.gear-12 .tooth:nth-child(6) .bottom {
  -webkit-animation: gearColorBottom 11.25s -10.3125s infinite linear;
          animation: gearColorBottom 11.25s -10.3125s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -15.46875s infinite linear;
          animation: gearColorSide12 11.25s -15.46875s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -15.5859375s infinite linear;
          animation: gearColorSide12 11.25s -15.5859375s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -15.703125s infinite linear;
          animation: gearColorSide12 11.25s -15.703125s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -15.8203125s infinite linear;
          animation: gearColorSide12 11.25s -15.8203125s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -15.9375s infinite linear;
          animation: gearColorSide12 11.25s -15.9375s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -16.0546875s infinite linear;
          animation: gearColorSide12 11.25s -16.0546875s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -16.171875s infinite linear;
          animation: gearColorSide12 11.25s -16.171875s infinite linear;
}
.gear-12 .tooth:nth-child(6) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -16.2890625s infinite linear;
          animation: gearColorSide12 11.25s -16.2890625s infinite linear;
}
.gear-12 .tooth:nth-child(7) {
  --rotate: 180deg;
}
.gear-12 .tooth:nth-child(7) .bottom {
  -webkit-animation: gearColorBottom 11.25s -11.25s infinite linear;
          animation: gearColorBottom 11.25s -11.25s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -16.40625s infinite linear;
          animation: gearColorSide12 11.25s -16.40625s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -16.5234375s infinite linear;
          animation: gearColorSide12 11.25s -16.5234375s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -16.640625s infinite linear;
          animation: gearColorSide12 11.25s -16.640625s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -16.7578125s infinite linear;
          animation: gearColorSide12 11.25s -16.7578125s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -16.875s infinite linear;
          animation: gearColorSide12 11.25s -16.875s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -16.9921875s infinite linear;
          animation: gearColorSide12 11.25s -16.9921875s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -17.109375s infinite linear;
          animation: gearColorSide12 11.25s -17.109375s infinite linear;
}
.gear-12 .tooth:nth-child(7) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -17.2265625s infinite linear;
          animation: gearColorSide12 11.25s -17.2265625s infinite linear;
}
.gear-12 .tooth:nth-child(8) {
  --rotate: 210deg;
}
.gear-12 .tooth:nth-child(8) .bottom {
  -webkit-animation: gearColorBottom 11.25s -12.1875s infinite linear;
          animation: gearColorBottom 11.25s -12.1875s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -17.34375s infinite linear;
          animation: gearColorSide12 11.25s -17.34375s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -17.4609375s infinite linear;
          animation: gearColorSide12 11.25s -17.4609375s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -17.578125s infinite linear;
          animation: gearColorSide12 11.25s -17.578125s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -17.6953125s infinite linear;
          animation: gearColorSide12 11.25s -17.6953125s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -17.8125s infinite linear;
          animation: gearColorSide12 11.25s -17.8125s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -17.9296875s infinite linear;
          animation: gearColorSide12 11.25s -17.9296875s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -18.046875s infinite linear;
          animation: gearColorSide12 11.25s -18.046875s infinite linear;
}
.gear-12 .tooth:nth-child(8) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -18.1640625s infinite linear;
          animation: gearColorSide12 11.25s -18.1640625s infinite linear;
}
.gear-12 .tooth:nth-child(9) {
  --rotate: 240deg;
}
.gear-12 .tooth:nth-child(9) .bottom {
  -webkit-animation: gearColorBottom 11.25s -13.125s infinite linear;
          animation: gearColorBottom 11.25s -13.125s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -18.28125s infinite linear;
          animation: gearColorSide12 11.25s -18.28125s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -18.3984375s infinite linear;
          animation: gearColorSide12 11.25s -18.3984375s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -18.515625s infinite linear;
          animation: gearColorSide12 11.25s -18.515625s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -18.6328125s infinite linear;
          animation: gearColorSide12 11.25s -18.6328125s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -18.75s infinite linear;
          animation: gearColorSide12 11.25s -18.75s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -18.8671875s infinite linear;
          animation: gearColorSide12 11.25s -18.8671875s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -18.984375s infinite linear;
          animation: gearColorSide12 11.25s -18.984375s infinite linear;
}
.gear-12 .tooth:nth-child(9) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -19.1015625s infinite linear;
          animation: gearColorSide12 11.25s -19.1015625s infinite linear;
}
.gear-12 .tooth:nth-child(10) {
  --rotate: 270deg;
}
.gear-12 .tooth:nth-child(10) .bottom {
  -webkit-animation: gearColorBottom 11.25s -14.0625s infinite linear;
          animation: gearColorBottom 11.25s -14.0625s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -19.21875s infinite linear;
          animation: gearColorSide12 11.25s -19.21875s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -19.3359375s infinite linear;
          animation: gearColorSide12 11.25s -19.3359375s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -19.453125s infinite linear;
          animation: gearColorSide12 11.25s -19.453125s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -19.5703125s infinite linear;
          animation: gearColorSide12 11.25s -19.5703125s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -19.6875s infinite linear;
          animation: gearColorSide12 11.25s -19.6875s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -19.8046875s infinite linear;
          animation: gearColorSide12 11.25s -19.8046875s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -19.921875s infinite linear;
          animation: gearColorSide12 11.25s -19.921875s infinite linear;
}
.gear-12 .tooth:nth-child(10) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -20.0390625s infinite linear;
          animation: gearColorSide12 11.25s -20.0390625s infinite linear;
}
.gear-12 .tooth:nth-child(11) {
  --rotate: 300deg;
}
.gear-12 .tooth:nth-child(11) .bottom {
  -webkit-animation: gearColorBottom 11.25s -15s infinite linear;
          animation: gearColorBottom 11.25s -15s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -20.15625s infinite linear;
          animation: gearColorSide12 11.25s -20.15625s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -20.2734375s infinite linear;
          animation: gearColorSide12 11.25s -20.2734375s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -20.390625s infinite linear;
          animation: gearColorSide12 11.25s -20.390625s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -20.5078125s infinite linear;
          animation: gearColorSide12 11.25s -20.5078125s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -20.625s infinite linear;
          animation: gearColorSide12 11.25s -20.625s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -20.7421875s infinite linear;
          animation: gearColorSide12 11.25s -20.7421875s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -20.859375s infinite linear;
          animation: gearColorSide12 11.25s -20.859375s infinite linear;
}
.gear-12 .tooth:nth-child(11) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -20.9765625s infinite linear;
          animation: gearColorSide12 11.25s -20.9765625s infinite linear;
}
.gear-12 .tooth:nth-child(12) {
  --rotate: 330deg;
}
.gear-12 .tooth:nth-child(12) .bottom {
  -webkit-animation: gearColorBottom 11.25s -15.9375s infinite linear;
          animation: gearColorBottom 11.25s -15.9375s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-1 {
  -webkit-animation: gearColorSide12 11.25s -21.09375s infinite linear;
          animation: gearColorSide12 11.25s -21.09375s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-2 {
  -webkit-animation: gearColorSide12 11.25s -21.2109375s infinite linear;
          animation: gearColorSide12 11.25s -21.2109375s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-3 {
  -webkit-animation: gearColorSide12 11.25s -21.328125s infinite linear;
          animation: gearColorSide12 11.25s -21.328125s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-4 {
  -webkit-animation: gearColorSide12 11.25s -21.4453125s infinite linear;
          animation: gearColorSide12 11.25s -21.4453125s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-5 {
  -webkit-animation: gearColorSide12 11.25s -21.5625s infinite linear;
          animation: gearColorSide12 11.25s -21.5625s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-6 {
  -webkit-animation: gearColorSide12 11.25s -21.6796875s infinite linear;
          animation: gearColorSide12 11.25s -21.6796875s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-7 {
  -webkit-animation: gearColorSide12 11.25s -21.796875s infinite linear;
          animation: gearColorSide12 11.25s -21.796875s infinite linear;
}
.gear-12 .tooth:nth-child(12) .side-8 {
  -webkit-animation: gearColorSide12 11.25s -21.9140625s infinite linear;
          animation: gearColorSide12 11.25s -21.9140625s infinite linear;
}

.gear-8 {
  --color: #70f1;
  --toothRadius: 79px;
  --toothHeight: 54px;
  --sideAngle: 34.5px;
  --side1angle: 202.5deg;
  --speed: 7.5s;
  top: -259px;
  left: 37px;
}
.gear-8 .tooth:nth-child(1) {
  --rotate: 0deg;
}
.gear-8 .tooth:nth-child(1) .bottom {
  -webkit-animation: gearColorBottom 7.5s -3.75s infinite linear;
          animation: gearColorBottom 7.5s -3.75s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -7.03125s infinite linear;
          animation: gearColorSide8 7.5s -7.03125s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -7.1484375s infinite linear;
          animation: gearColorSide8 7.5s -7.1484375s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -7.265625s infinite linear;
          animation: gearColorSide8 7.5s -7.265625s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -7.3828125s infinite linear;
          animation: gearColorSide8 7.5s -7.3828125s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -7.5s infinite linear;
          animation: gearColorSide8 7.5s -7.5s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -7.6171875s infinite linear;
          animation: gearColorSide8 7.5s -7.6171875s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -7.734375s infinite linear;
          animation: gearColorSide8 7.5s -7.734375s infinite linear;
}
.gear-8 .tooth:nth-child(1) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -7.8515625s infinite linear;
          animation: gearColorSide8 7.5s -7.8515625s infinite linear;
}
.gear-8 .tooth:nth-child(2) {
  --rotate: 45deg;
}
.gear-8 .tooth:nth-child(2) .bottom {
  -webkit-animation: gearColorBottom 7.5s -4.6875s infinite linear;
          animation: gearColorBottom 7.5s -4.6875s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -7.96875s infinite linear;
          animation: gearColorSide8 7.5s -7.96875s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -8.0859375s infinite linear;
          animation: gearColorSide8 7.5s -8.0859375s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -8.203125s infinite linear;
          animation: gearColorSide8 7.5s -8.203125s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -8.3203125s infinite linear;
          animation: gearColorSide8 7.5s -8.3203125s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -8.4375s infinite linear;
          animation: gearColorSide8 7.5s -8.4375s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -8.5546875s infinite linear;
          animation: gearColorSide8 7.5s -8.5546875s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -8.671875s infinite linear;
          animation: gearColorSide8 7.5s -8.671875s infinite linear;
}
.gear-8 .tooth:nth-child(2) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -8.7890625s infinite linear;
          animation: gearColorSide8 7.5s -8.7890625s infinite linear;
}
.gear-8 .tooth:nth-child(3) {
  --rotate: 90deg;
}
.gear-8 .tooth:nth-child(3) .bottom {
  -webkit-animation: gearColorBottom 7.5s -5.625s infinite linear;
          animation: gearColorBottom 7.5s -5.625s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -8.90625s infinite linear;
          animation: gearColorSide8 7.5s -8.90625s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -9.0234375s infinite linear;
          animation: gearColorSide8 7.5s -9.0234375s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -9.140625s infinite linear;
          animation: gearColorSide8 7.5s -9.140625s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -9.2578125s infinite linear;
          animation: gearColorSide8 7.5s -9.2578125s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -9.375s infinite linear;
          animation: gearColorSide8 7.5s -9.375s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -9.4921875s infinite linear;
          animation: gearColorSide8 7.5s -9.4921875s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -9.609375s infinite linear;
          animation: gearColorSide8 7.5s -9.609375s infinite linear;
}
.gear-8 .tooth:nth-child(3) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -9.7265625s infinite linear;
          animation: gearColorSide8 7.5s -9.7265625s infinite linear;
}
.gear-8 .tooth:nth-child(4) {
  --rotate: 135deg;
}
.gear-8 .tooth:nth-child(4) .bottom {
  -webkit-animation: gearColorBottom 7.5s -6.5625s infinite linear;
          animation: gearColorBottom 7.5s -6.5625s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -9.84375s infinite linear;
          animation: gearColorSide8 7.5s -9.84375s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -9.9609375s infinite linear;
          animation: gearColorSide8 7.5s -9.9609375s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -10.078125s infinite linear;
          animation: gearColorSide8 7.5s -10.078125s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -10.1953125s infinite linear;
          animation: gearColorSide8 7.5s -10.1953125s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -10.3125s infinite linear;
          animation: gearColorSide8 7.5s -10.3125s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -10.4296875s infinite linear;
          animation: gearColorSide8 7.5s -10.4296875s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -10.546875s infinite linear;
          animation: gearColorSide8 7.5s -10.546875s infinite linear;
}
.gear-8 .tooth:nth-child(4) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -10.6640625s infinite linear;
          animation: gearColorSide8 7.5s -10.6640625s infinite linear;
}
.gear-8 .tooth:nth-child(5) {
  --rotate: 180deg;
}
.gear-8 .tooth:nth-child(5) .bottom {
  -webkit-animation: gearColorBottom 7.5s -7.5s infinite linear;
          animation: gearColorBottom 7.5s -7.5s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -10.78125s infinite linear;
          animation: gearColorSide8 7.5s -10.78125s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -10.8984375s infinite linear;
          animation: gearColorSide8 7.5s -10.8984375s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -11.015625s infinite linear;
          animation: gearColorSide8 7.5s -11.015625s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -11.1328125s infinite linear;
          animation: gearColorSide8 7.5s -11.1328125s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -11.25s infinite linear;
          animation: gearColorSide8 7.5s -11.25s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -11.3671875s infinite linear;
          animation: gearColorSide8 7.5s -11.3671875s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -11.484375s infinite linear;
          animation: gearColorSide8 7.5s -11.484375s infinite linear;
}
.gear-8 .tooth:nth-child(5) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -11.6015625s infinite linear;
          animation: gearColorSide8 7.5s -11.6015625s infinite linear;
}
.gear-8 .tooth:nth-child(6) {
  --rotate: 225deg;
}
.gear-8 .tooth:nth-child(6) .bottom {
  -webkit-animation: gearColorBottom 7.5s -8.4375s infinite linear;
          animation: gearColorBottom 7.5s -8.4375s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -11.71875s infinite linear;
          animation: gearColorSide8 7.5s -11.71875s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -11.8359375s infinite linear;
          animation: gearColorSide8 7.5s -11.8359375s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -11.953125s infinite linear;
          animation: gearColorSide8 7.5s -11.953125s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -12.0703125s infinite linear;
          animation: gearColorSide8 7.5s -12.0703125s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -12.1875s infinite linear;
          animation: gearColorSide8 7.5s -12.1875s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -12.3046875s infinite linear;
          animation: gearColorSide8 7.5s -12.3046875s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -12.421875s infinite linear;
          animation: gearColorSide8 7.5s -12.421875s infinite linear;
}
.gear-8 .tooth:nth-child(6) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -12.5390625s infinite linear;
          animation: gearColorSide8 7.5s -12.5390625s infinite linear;
}
.gear-8 .tooth:nth-child(7) {
  --rotate: 270deg;
}
.gear-8 .tooth:nth-child(7) .bottom {
  -webkit-animation: gearColorBottom 7.5s -9.375s infinite linear;
          animation: gearColorBottom 7.5s -9.375s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -12.65625s infinite linear;
          animation: gearColorSide8 7.5s -12.65625s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -12.7734375s infinite linear;
          animation: gearColorSide8 7.5s -12.7734375s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -12.890625s infinite linear;
          animation: gearColorSide8 7.5s -12.890625s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -13.0078125s infinite linear;
          animation: gearColorSide8 7.5s -13.0078125s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -13.125s infinite linear;
          animation: gearColorSide8 7.5s -13.125s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -13.2421875s infinite linear;
          animation: gearColorSide8 7.5s -13.2421875s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -13.359375s infinite linear;
          animation: gearColorSide8 7.5s -13.359375s infinite linear;
}
.gear-8 .tooth:nth-child(7) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -13.4765625s infinite linear;
          animation: gearColorSide8 7.5s -13.4765625s infinite linear;
}
.gear-8 .tooth:nth-child(8) {
  --rotate: 315deg;
}
.gear-8 .tooth:nth-child(8) .bottom {
  -webkit-animation: gearColorBottom 7.5s -10.3125s infinite linear;
          animation: gearColorBottom 7.5s -10.3125s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-1 {
  -webkit-animation: gearColorSide8 7.5s -13.59375s infinite linear;
          animation: gearColorSide8 7.5s -13.59375s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-2 {
  -webkit-animation: gearColorSide8 7.5s -13.7109375s infinite linear;
          animation: gearColorSide8 7.5s -13.7109375s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-3 {
  -webkit-animation: gearColorSide8 7.5s -13.828125s infinite linear;
          animation: gearColorSide8 7.5s -13.828125s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-4 {
  -webkit-animation: gearColorSide8 7.5s -13.9453125s infinite linear;
          animation: gearColorSide8 7.5s -13.9453125s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-5 {
  -webkit-animation: gearColorSide8 7.5s -14.0625s infinite linear;
          animation: gearColorSide8 7.5s -14.0625s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-6 {
  -webkit-animation: gearColorSide8 7.5s -14.1796875s infinite linear;
          animation: gearColorSide8 7.5s -14.1796875s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-7 {
  -webkit-animation: gearColorSide8 7.5s -14.296875s infinite linear;
          animation: gearColorSide8 7.5s -14.296875s infinite linear;
}
.gear-8 .tooth:nth-child(8) .side-8 {
  -webkit-animation: gearColorSide8 7.5s -14.4140625s infinite linear;
          animation: gearColorSide8 7.5s -14.4140625s infinite linear;
}

.gear-6 {
  --color: #7f01;
  --toothRadius: 66px;
  --toothHeight: 51.5px;
  --sideAngle: 36px;
  --side1angle: 210deg;
  --rotateY: 180deg;
  --speed: 5.625s;
  top: -121.5px;
  left: -121.5px;
}
.gear-6 .tooth:nth-child(1) {
  --rotate: 15deg;
}
.gear-6 .tooth:nth-child(1) .bottom {
  -webkit-animation: gearColorBottom 5.625s -2.8125s infinite linear;
          animation: gearColorBottom 5.625s -2.8125s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-1 {
  -webkit-animation: gearColorSide6 5.625s -5.15625s infinite linear;
          animation: gearColorSide6 5.625s -5.15625s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-2 {
  -webkit-animation: gearColorSide6 5.625s -5.2734375s infinite linear;
          animation: gearColorSide6 5.625s -5.2734375s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-3 {
  -webkit-animation: gearColorSide6 5.625s -5.390625s infinite linear;
          animation: gearColorSide6 5.625s -5.390625s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-4 {
  -webkit-animation: gearColorSide6 5.625s -5.5078125s infinite linear;
          animation: gearColorSide6 5.625s -5.5078125s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-5 {
  -webkit-animation: gearColorSide6 5.625s -5.625s infinite linear;
          animation: gearColorSide6 5.625s -5.625s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-6 {
  -webkit-animation: gearColorSide6 5.625s -5.7421875s infinite linear;
          animation: gearColorSide6 5.625s -5.7421875s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-7 {
  -webkit-animation: gearColorSide6 5.625s -5.859375s infinite linear;
          animation: gearColorSide6 5.625s -5.859375s infinite linear;
}
.gear-6 .tooth:nth-child(1) .side-8 {
  -webkit-animation: gearColorSide6 5.625s -5.9765625s infinite linear;
          animation: gearColorSide6 5.625s -5.9765625s infinite linear;
}
.gear-6 .tooth:nth-child(2) {
  --rotate: 75deg;
}
.gear-6 .tooth:nth-child(2) .bottom {
  -webkit-animation: gearColorBottom 5.625s -3.75s infinite linear;
          animation: gearColorBottom 5.625s -3.75s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-1 {
  -webkit-animation: gearColorSide6 5.625s -6.09375s infinite linear;
          animation: gearColorSide6 5.625s -6.09375s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-2 {
  -webkit-animation: gearColorSide6 5.625s -6.2109375s infinite linear;
          animation: gearColorSide6 5.625s -6.2109375s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-3 {
  -webkit-animation: gearColorSide6 5.625s -6.328125s infinite linear;
          animation: gearColorSide6 5.625s -6.328125s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-4 {
  -webkit-animation: gearColorSide6 5.625s -6.4453125s infinite linear;
          animation: gearColorSide6 5.625s -6.4453125s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-5 {
  -webkit-animation: gearColorSide6 5.625s -6.5625s infinite linear;
          animation: gearColorSide6 5.625s -6.5625s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-6 {
  -webkit-animation: gearColorSide6 5.625s -6.6796875s infinite linear;
          animation: gearColorSide6 5.625s -6.6796875s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-7 {
  -webkit-animation: gearColorSide6 5.625s -6.796875s infinite linear;
          animation: gearColorSide6 5.625s -6.796875s infinite linear;
}
.gear-6 .tooth:nth-child(2) .side-8 {
  -webkit-animation: gearColorSide6 5.625s -6.9140625s infinite linear;
          animation: gearColorSide6 5.625s -6.9140625s infinite linear;
}
.gear-6 .tooth:nth-child(3) {
  --rotate: 135deg;
}
.gear-6 .tooth:nth-child(3) .bottom {
  -webkit-animation: gearColorBottom 5.625s -4.6875s infinite linear;
          animation: gearColorBottom 5.625s -4.6875s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-1 {
  -webkit-animation: gearColorSide6 5.625s -7.03125s infinite linear;
          animation: gearColorSide6 5.625s -7.03125s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-2 {
  -webkit-animation: gearColorSide6 5.625s -7.1484375s infinite linear;
          animation: gearColorSide6 5.625s -7.1484375s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-3 {
  -webkit-animation: gearColorSide6 5.625s -7.265625s infinite linear;
          animation: gearColorSide6 5.625s -7.265625s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-4 {
  -webkit-animation: gearColorSide6 5.625s -7.3828125s infinite linear;
          animation: gearColorSide6 5.625s -7.3828125s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-5 {
  -webkit-animation: gearColorSide6 5.625s -7.5s infinite linear;
          animation: gearColorSide6 5.625s -7.5s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-6 {
  -webkit-animation: gearColorSide6 5.625s -7.6171875s infinite linear;
          animation: gearColorSide6 5.625s -7.6171875s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-7 {
  -webkit-animation: gearColorSide6 5.625s -7.734375s infinite linear;
          animation: gearColorSide6 5.625s -7.734375s infinite linear;
}
.gear-6 .tooth:nth-child(3) .side-8 {
  -webkit-animation: gearColorSide6 5.625s -7.8515625s infinite linear;
          animation: gearColorSide6 5.625s -7.8515625s infinite linear;
}
.gear-6 .tooth:nth-child(4) {
  --rotate: 195deg;
}
.gear-6 .tooth:nth-child(4) .bottom {
  -webkit-animation: gearColorBottom 5.625s -5.625s infinite linear;
          animation: gearColorBottom 5.625s -5.625s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-1 {
  -webkit-animation: gearColorSide6 5.625s -7.96875s infinite linear;
          animation: gearColorSide6 5.625s -7.96875s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-2 {
  -webkit-animation: gearColorSide6 5.625s -8.0859375s infinite linear;
          animation: gearColorSide6 5.625s -8.0859375s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-3 {
  -webkit-animation: gearColorSide6 5.625s -8.203125s infinite linear;
          animation: gearColorSide6 5.625s -8.203125s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-4 {
  -webkit-animation: gearColorSide6 5.625s -8.3203125s infinite linear;
          animation: gearColorSide6 5.625s -8.3203125s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-5 {
  -webkit-animation: gearColorSide6 5.625s -8.4375s infinite linear;
          animation: gearColorSide6 5.625s -8.4375s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-6 {
  -webkit-animation: gearColorSide6 5.625s -8.5546875s infinite linear;
          animation: gearColorSide6 5.625s -8.5546875s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-7 {
  -webkit-animation: gearColorSide6 5.625s -8.671875s infinite linear;
          animation: gearColorSide6 5.625s -8.671875s infinite linear;
}
.gear-6 .tooth:nth-child(4) .side-8 {
  -webkit-animation: gearColorSide6 5.625s -8.7890625s infinite linear;
          animation: gearColorSide6 5.625s -8.7890625s infinite linear;
}
.gear-6 .tooth:nth-child(5) {
  --rotate: 255deg;
}
.gear-6 .tooth:nth-child(5) .bottom {
  -webkit-animation: gearColorBottom 5.625s -6.5625s infinite linear;
          animation: gearColorBottom 5.625s -6.5625s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-1 {
  -webkit-animation: gearColorSide6 5.625s -8.90625s infinite linear;
          animation: gearColorSide6 5.625s -8.90625s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-2 {
  -webkit-animation: gearColorSide6 5.625s -9.0234375s infinite linear;
          animation: gearColorSide6 5.625s -9.0234375s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-3 {
  -webkit-animation: gearColorSide6 5.625s -9.140625s infinite linear;
          animation: gearColorSide6 5.625s -9.140625s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-4 {
  -webkit-animation: gearColorSide6 5.625s -9.2578125s infinite linear;
          animation: gearColorSide6 5.625s -9.2578125s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-5 {
  -webkit-animation: gearColorSide6 5.625s -9.375s infinite linear;
          animation: gearColorSide6 5.625s -9.375s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-6 {
  -webkit-animation: gearColorSide6 5.625s -9.4921875s infinite linear;
          animation: gearColorSide6 5.625s -9.4921875s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-7 {
  -webkit-animation: gearColorSide6 5.625s -9.609375s infinite linear;
          animation: gearColorSide6 5.625s -9.609375s infinite linear;
}
.gear-6 .tooth:nth-child(5) .side-8 {
  -webkit-animation: gearColorSide6 5.625s -9.7265625s infinite linear;
          animation: gearColorSide6 5.625s -9.7265625s infinite linear;
}
.gear-6 .tooth:nth-child(6) {
  --rotate: 315deg;
}
.gear-6 .tooth:nth-child(6) .bottom {
  -webkit-animation: gearColorBottom 5.625s -7.5s infinite linear;
          animation: gearColorBottom 5.625s -7.5s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-1 {
  -webkit-animation: gearColorSide6 5.625s -9.84375s infinite linear;
          animation: gearColorSide6 5.625s -9.84375s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-2 {
  -webkit-animation: gearColorSide6 5.625s -9.9609375s infinite linear;
          animation: gearColorSide6 5.625s -9.9609375s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-3 {
  -webkit-animation: gearColorSide6 5.625s -10.078125s infinite linear;
          animation: gearColorSide6 5.625s -10.078125s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-4 {
  -webkit-animation: gearColorSide6 5.625s -10.1953125s infinite linear;
          animation: gearColorSide6 5.625s -10.1953125s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-5 {
  -webkit-animation: gearColorSide6 5.625s -10.3125s infinite linear;
          animation: gearColorSide6 5.625s -10.3125s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-6 {
  -webkit-animation: gearColorSide6 5.625s -10.4296875s infinite linear;
          animation: gearColorSide6 5.625s -10.4296875s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-7 {
  -webkit-animation: gearColorSide6 5.625s -10.546875s infinite linear;
          animation: gearColorSide6 5.625s -10.546875s infinite linear;
}
.gear-6 .tooth:nth-child(6) .side-8 {
  -webkit-animation: gearColorSide6 5.625s -10.6640625s infinite linear;
          animation: gearColorSide6 5.625s -10.6640625s infinite linear;
}

@-webkit-keyframes gearColorBottom {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #333;
  }
}

@keyframes gearColorBottom {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #333;
  }
}
@-webkit-keyframes gearColorSide16 {
  0%, 100% {
    background-color: #fff;
  }
  12.5%, 50%, 87.5% {
    background-color: #222;
  }
  25%, 75% {
    background-color: #888;
  }
}
@keyframes gearColorSide16 {
  0%, 100% {
    background-color: #fff;
  }
  12.5%, 50%, 87.5% {
    background-color: #222;
  }
  25%, 75% {
    background-color: #888;
  }
}
@-webkit-keyframes gearColorSide12 {
  0%, 100% {
    background-color: #fff;
  }
  12.5%, 37.5%, 50% {
    background-color: #222;
  }
  25% {
    background-color: #888;
  }
}
@keyframes gearColorSide12 {
  0%, 100% {
    background-color: #fff;
  }
  12.5%, 37.5%, 50% {
    background-color: #222;
  }
  25% {
    background-color: #888;
  }
}
@-webkit-keyframes gearColorSide8 {
  0%, 100% {
    background-color: #fff;
  }
  37.5%, 50% {
    background-color: #222;
  }
}
@keyframes gearColorSide8 {
  0%, 100% {
    background-color: #fff;
  }
  37.5%, 50% {
    background-color: #222;
  }
}
@-webkit-keyframes gearColorSide6 {
  0%, 100% {
    background-color: #fff;
  }
  62.5%, 50% {
    background-color: #222;
  }
}
@keyframes gearColorSide6 {
  0%, 100% {
    background-color: #fff;
  }
  62.5%, 50% {
    background-color: #222;
  }
}