123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

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

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console