Rotating earth

In this example below you will see how to do a Rotating earth with some HTML / CSS and Javascript

Content for my Portfolio, maybe.Credits: http://codepen.io/pixelass/pen/JdNXwE

Thumbnail
This awesome code was written by Pondake, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Pondake ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Rotating earth</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<div class="pane">
  <div class="ball">
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div> 
    <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div> 
 <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div> 
  <div class="stripe">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>
  </div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/Pondake/rotating-earth-RaXxLX */
body {
  margin: 0;
  overflow: hidden;
  height: 100vh;
  background: black;
}

.pane {
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 1px;
  height: 34.37746771em;
  width: 34.37746771em;
  margin: -17.18873385em;
  -webkit-perspective: 700px;
          perspective: 700px;
  visibility: hidden;
  outline: 1px solid red;
}
.pane div {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  visibility: hidden;
}

.ball {
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 1px;
  height: 34.37746771em;
  width: 34.37746771em;
  margin: -17.18873385em;
  -webkit-transform: rotate3d(1, 1, 0, -90deg);
          transform: rotate3d(1, 1, 0, -90deg);
  -webkit-animation: rot 20s linear infinite;
          animation: rot 20s linear infinite;
}
@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, 0, 360deg);
            transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, 0, 360deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, -1, 360deg);
            transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, -1, 360deg);
  }
}
@keyframes rot {
  0% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, 0, 360deg);
            transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, 0, 360deg);
  }
  100% {
    -webkit-transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, -1, 360deg);
            transform: rotate3d(1, 0, 0, 90deg) rotate3d(-1, -1, 0, 180deg) rotate3d(0, 0, -1, 360deg);
  }
}
.ball .stripe {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 34.37746771em;
  width: 3em;
  margin: -17.18873385em -1.5em;
}
.ball .stripe:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.ball .stripe:nth-child(2) {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.ball .stripe:nth-child(3) {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.ball .stripe:nth-child(4) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.ball .stripe:nth-child(5) {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}
.ball .stripe:nth-child(6) {
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}
.ball .stripe:nth-child(7) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.ball .stripe:nth-child(8) {
  -webkit-transform: rotate(70deg);
          transform: rotate(70deg);
}
.ball .stripe:nth-child(9) {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}
.ball .stripe:nth-child(10) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ball .stripe:nth-child(11) {
  -webkit-transform: rotate(100deg);
          transform: rotate(100deg);
}
.ball .stripe:nth-child(12) {
  -webkit-transform: rotate(110deg);
          transform: rotate(110deg);
}
.ball .stripe:nth-child(13) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.ball .stripe:nth-child(14) {
  -webkit-transform: rotate(130deg);
          transform: rotate(130deg);
}
.ball .stripe:nth-child(15) {
  -webkit-transform: rotate(140deg);
          transform: rotate(140deg);
}
.ball .stripe:nth-child(16) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.ball .stripe:nth-child(17) {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
}
.ball .stripe:nth-child(18) {
  -webkit-transform: rotate(170deg);
          transform: rotate(170deg);
}
.ball .stripe:nth-child(19) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ball .stripe:nth-child(20) {
  -webkit-transform: rotate(190deg);
          transform: rotate(190deg);
}
.ball .stripe:nth-child(21) {
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
}
.ball .stripe:nth-child(22) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
.ball .stripe:nth-child(23) {
  -webkit-transform: rotate(220deg);
          transform: rotate(220deg);
}
.ball .stripe:nth-child(24) {
  -webkit-transform: rotate(230deg);
          transform: rotate(230deg);
}
.ball .stripe:nth-child(25) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.ball .stripe:nth-child(26) {
  -webkit-transform: rotate(250deg);
          transform: rotate(250deg);
}
.ball .stripe:nth-child(27) {
  -webkit-transform: rotate(260deg);
          transform: rotate(260deg);
}
.ball .stripe:nth-child(28) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.ball .stripe:nth-child(29) {
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
}
.ball .stripe:nth-child(30) {
  -webkit-transform: rotate(290deg);
          transform: rotate(290deg);
}
.ball .stripe:nth-child(31) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.ball .stripe:nth-child(32) {
  -webkit-transform: rotate(310deg);
          transform: rotate(310deg);
}
.ball .stripe:nth-child(33) {
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
}
.ball .stripe:nth-child(34) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.ball .stripe:nth-child(35) {
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}
.ball .stripe:nth-child(36) {
  -webkit-transform: rotate(350deg);
          transform: rotate(350deg);
}
.ball .item {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3em;
  width: 3em;
  margin: -1.5em;
  background: rgba(0, 170, 255, 0.99);
  visibility: visible;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ball .item:first-child, .ball .item:last-child {
  height: 1.5em;
}
.ball .item:nth-child(1) {
  -webkit-clip-path: polygon(0% 0%, 0.13073361em 100%, 0.13073361em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.13073361em 100%, 0.13073361em 100%, 100% 0%, 0% 0%);
  width: 0.26146723em;
  margin-left: -0.13073361em;
  -webkit-transform: rotateX(0deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(0deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(2) {
  -webkit-clip-path: polygon(0% 0%, 0.25749495em 100%, 0.51896218em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.25749495em 100%, 0.51896218em 100%, 100% 0%, 0% 0%);
  width: 0.77645714em;
  margin-left: -0.38822857em;
  -webkit-transform: rotateX(10deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(10deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(3) {
  -webkit-clip-path: polygon(0% 0%, 0.24569882em 100%, 1.02215596em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.24569882em 100%, 1.02215596em 100%, 100% 0%, 0% 0%);
  width: 1.26785479em;
  margin-left: -0.63392739em;
  -webkit-transform: rotateX(20deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(20deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(4) {
  -webkit-clip-path: polygon(0% 0%, 0.22643726em 100%, 1.49429205em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.22643726em 100%, 1.49429205em 100%, 100% 0%, 0% 0%);
  width: 1.72072931em;
  margin-left: -0.86036465em;
  -webkit-transform: rotateX(30deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(30deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(5) {
  -webkit-clip-path: polygon(0% 0%, 0.20029552em 100%, 1.92102483em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.20029552em 100%, 1.92102483em 100%, 100% 0%, 0% 0%);
  width: 2.12132034em;
  margin-left: -1.06066017em;
  -webkit-transform: rotateX(40deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(40deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(6) {
  -webkit-clip-path: polygon(0% 0%, 0.16806789em 100%, 2.28938824em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.16806789em 100%, 2.28938824em 100%, 100% 0%, 0% 0%);
  width: 2.45745613em;
  margin-left: -1.22872807em;
  -webkit-transform: rotateX(50deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(50deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(7) {
  -webkit-clip-path: polygon(0% 0%, 0.13073361em 100%, 2.58818975em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.13073361em 100%, 2.58818975em 100%, 100% 0%, 0% 0%);
  width: 2.71892336em;
  margin-left: -1.35946168em;
  -webkit-transform: rotateX(60deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(60deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(8) {
  -webkit-clip-path: polygon(0% 0%, 0.08942706em 100%, 2.80835042em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.08942706em 100%, 2.80835042em 100%, 100% 0%, 0% 0%);
  width: 2.89777748em;
  margin-left: -1.44888874em;
  -webkit-transform: rotateX(70deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(70deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(9) {
  -webkit-clip-path: polygon(0% 0%, 0.04540331em 100%, 2.94318079em 100%, 100% 0%, 0% 0%);
          clip-path: polygon(0% 0%, 0.04540331em 100%, 2.94318079em 100%, 100% 0%, 0% 0%);
  width: 2.98858409em;
  margin-left: -1.49429205em;
  -webkit-transform: rotateX(80deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(80deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(10) {
  width: 2.98858409em;
  margin-left: -1.49429205em;
  -webkit-transform: rotateX(90deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(90deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(11) {
  -webkit-clip-path: polygon(0em 0%, 0% 100%, 100% 100%, 2.98858409em 0%, 0em 0%);
          clip-path: polygon(0em 0%, 0% 100%, 100% 100%, 2.98858409em 0%, 0em 0%);
  width: 2.98858409em;
  margin-left: -1.49429205em;
  -webkit-transform: rotateX(100deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(100deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(12) {
  -webkit-clip-path: polygon(0.08942706em 0%, 0% 100%, 100% 100%, 2.80835042em 0%, 0.08942706em 0%);
          clip-path: polygon(0.08942706em 0%, 0% 100%, 100% 100%, 2.80835042em 0%, 0.08942706em 0%);
  width: 2.89777748em;
  margin-left: -1.44888874em;
  -webkit-transform: rotateX(110deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(110deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(13) {
  -webkit-clip-path: polygon(0.13073361em 0%, 0% 100%, 100% 100%, 2.58818975em 0%, 0.13073361em 0%);
          clip-path: polygon(0.13073361em 0%, 0% 100%, 100% 100%, 2.58818975em 0%, 0.13073361em 0%);
  width: 2.71892336em;
  margin-left: -1.35946168em;
  -webkit-transform: rotateX(120deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(120deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(14) {
  -webkit-clip-path: polygon(0.16806789em 0%, 0% 100%, 100% 100%, 2.28938824em 0%, 0.16806789em 0%);
          clip-path: polygon(0.16806789em 0%, 0% 100%, 100% 100%, 2.28938824em 0%, 0.16806789em 0%);
  width: 2.45745613em;
  margin-left: -1.22872807em;
  -webkit-transform: rotateX(130deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(130deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(15) {
  -webkit-clip-path: polygon(0.20029552em 0%, 0% 100%, 100% 100%, 1.92102483em 0%, 0.20029552em 0%);
          clip-path: polygon(0.20029552em 0%, 0% 100%, 100% 100%, 1.92102483em 0%, 0.20029552em 0%);
  width: 2.12132034em;
  margin-left: -1.06066017em;
  -webkit-transform: rotateX(140deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(140deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(16) {
  -webkit-clip-path: polygon(0.22643726em 0%, 0% 100%, 100% 100%, 1.49429205em 0%, 0.22643726em 0%);
          clip-path: polygon(0.22643726em 0%, 0% 100%, 100% 100%, 1.49429205em 0%, 0.22643726em 0%);
  width: 1.72072931em;
  margin-left: -0.86036465em;
  -webkit-transform: rotateX(150deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(150deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(17) {
  -webkit-clip-path: polygon(0.24569882em 0%, 0% 100%, 100% 100%, 1.02215596em 0%, 0.24569882em 0%);
          clip-path: polygon(0.24569882em 0%, 0% 100%, 100% 100%, 1.02215596em 0%, 0.24569882em 0%);
  width: 1.26785479em;
  margin-left: -0.63392739em;
  -webkit-transform: rotateX(160deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(160deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(18) {
  -webkit-clip-path: polygon(0.25749495em 0%, 0% 100%, 100% 100%, 0.51896218em 0%, 0.25749495em 0%);
          clip-path: polygon(0.25749495em 0%, 0% 100%, 100% 100%, 0.51896218em 0%, 0.25749495em 0%);
  width: 0.77645714em;
  margin-left: -0.38822857em;
  -webkit-transform: rotateX(170deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(170deg) translateZ(17.18873385em) scale(0.925, 0.925);
}
.ball .item:nth-child(19) {
  -webkit-clip-path: polygon(0em 0%, 0% 100%, 100% 100%, 0.26146723em 0%, 0em 0%);
          clip-path: polygon(0em 0%, 0% 100%, 100% 100%, 0.26146723em 0%, 0em 0%);
  width: 0.26146723em;
  margin-left: -0.13073361em;
  -webkit-transform: rotateX(180deg) translateZ(17.18873385em) scale(0.925, 0.925);
          transform: rotateX(180deg) translateZ(17.18873385em) scale(0.925, 0.925);
}

.stripe:nth-child(1) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(1) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(1) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(2) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(2) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(3) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(3) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(4) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(4) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(5) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(5) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(6) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(6) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(6) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(6) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(6) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(6) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(7) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(7) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(7) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(7) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(7) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(7) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(8) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(8) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(8) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(8) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(8) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(8) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(8) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(8) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(8) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(8) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(8) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(8) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(9) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(9) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(9) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(9) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(9) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(9) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(9) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(9) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(9) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(9) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(9) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(9) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(9) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(9) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(10) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(10) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(10) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(10) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(10) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(10) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(10) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(10) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(10) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(10) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(10) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(10) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(10) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(10) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(11) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(11) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(11) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(11) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(4) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(12) .item:nth-child(4):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(12) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(12) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(12) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(16) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(16):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(3) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(13) .item:nth-child(3):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(13) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(13) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(13) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(16) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(14) .item:nth-child(16):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(14) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(14) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(14) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(14) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(14) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(14) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(14) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(14) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(14) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(16) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(15) .item:nth-child(16):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(15) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(15) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(15) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(15) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(15) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(15) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(15) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(15) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(15) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(15) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(15) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(16) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(16) .item:nth-child(16):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(16) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(16) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(16) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(16) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(16) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(16) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(16) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(17) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(17) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(17) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(17) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(17) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(17) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(17) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(17) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(17) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(17) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(18) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(18) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(18) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(18) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(18) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(18) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(18) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(18) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(19) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(19) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(19) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(19) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(20) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(20) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(20) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(20) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(21) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(21) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(21) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(21) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(22) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(22) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(22) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(22) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(23) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(23) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(23) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(23) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(23) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(23) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(23) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(23) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(23) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(23) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(23) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(23) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(23) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(23) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(24) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(24) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(24) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(24) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(25) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(25) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(25) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(25) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(26) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(26) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(26) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(26) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(26) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(26) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(26) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(26) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(26) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(26) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(26) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(26) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(26) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(26) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(8) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(27) .item:nth-child(8):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(27) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(27) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(27) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(9) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(9):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(28) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(28) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(28) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(28) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(13) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(13):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(12) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(12):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(29) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(29) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(29) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(29) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(11) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(11):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(10) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(10):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(6) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(6):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(4) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(30) .item:nth-child(4):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(30) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(30) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(30) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(15) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(31) .item:nth-child(15):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(31) .item:nth-child(14) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(31) .item:nth-child(14):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(31) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(7) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(31) .item:nth-child(7):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(31) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(5) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(31) .item:nth-child(5):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(31) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(31) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(31) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(32) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(32) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(4) {
  background: rgba(68, 204, 0, 0.99);
}
.stripe:nth-child(33) .item:nth-child(4):hover {
  background: rgba(54, 163, 0, 0.99);
}

.stripe:nth-child(33) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(33) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(33) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(34) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(34) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(35) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(35) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(19) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(19):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(18) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(18):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(17) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(17):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(16) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(16):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(15) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(15):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(14) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(14):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(13) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(13):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(12) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(12):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(11) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(11):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(10) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(10):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(9) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(9):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(8) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(8):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(7) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(7):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(6) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(6):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(5) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(5):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(4) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(4):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(3) {
  background: rgba(153, 221, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(3):hover {
  background: rgba(122, 177, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(2) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(2):hover {
  background: rgba(204, 204, 204, 0.99);
}

.stripe:nth-child(36) .item:nth-child(1) {
  background: rgba(255, 255, 255, 0.99);
}
.stripe:nth-child(36) .item:nth-child(1):hover {
  background: rgba(204, 204, 204, 0.99);
}

.item1 {
  background: red !important;
}

.item2 {
  background: blue !important;
}

Comments