#blockly-mobile-menu {
  z-index: 20;
  color: #777;
  cursor: pointer;
  font-size: 1.3em;
  position: absolute;
  top: 10px;
  right: 10px;
}

.blocks-container {
  width: calc(50% - 45px);
  height: 100%;
  margin-left: 31px;
}

.blocklyToolboxDiv {
  z-index: 10;
  background-color: #0000000a;
}

.blocklyTreeRow {
  cursor: pointer;
  margin: 3px;
  background-color: #0000 !important;
  padding: 20px !important;
}

.blocklyTreeIcon {
  display: none !important;
}

.blocklyTreeLabel {
  align-items: center;
  display: inline-flex;
}

#blockly-0\.label {
  color: #4c97ff;
}

#blockly-1\.label {
  color: #59c059;
}

#blockly-2\.label {
  color: #ff9f29;
}

#blockly-3\.label {
  color: #ff6680;
}

#blockly-4\.label {
  color: #888;
}

.blocklyTreeLabel:before {
  margin-right: .4em;
  font-family: "Font Awesome 5 Free";
  font-size: 2.2em;
  font-weight: bold;
}

#blockly-0\.label:before {
  content: "";
}

#blockly-1\.label:before {
  content: "";
}

#blockly-2\.label:before {
  content: "";
}

#blockly-3\.label:before {
  content: "";
}

#blockly-4\.label:before {
  content: "";
}

#blockly-0 {
  animation: 6s infinite wiggle;
}

#blockly-1 {
  animation: 6s 70ms infinite wiggle;
}

#blockly-2 {
  animation: 6s .14s infinite wiggle;
}

#blockly-3 {
  animation: 6s .21s infinite wiggle;
}

#blockly-4 {
  animation: 6s .28s infinite wiggle;
}

@keyframes wiggle {
  0% {
    transform: rotate(0);
  }

  95% {
    transform: rotate(0);
  }

  96% {
    transform: rotate(3deg);
  }

  97% {
    transform: rotate(-3deg);
  }

  98% {
    transform: rotate(3deg);
  }

  99% {
    transform: rotate(-3deg);
  }

  100% {
    transform: rotate(0);
  }
}

.blocklyFlyout {
  box-sizing: border-box;
  border: 2px dashed #aaa;
  border-radius: 10px;
  height: calc(100% - 10px);
}

.blocklyFlyoutBackground {
  fill: #f5f5f5;
  fill-opacity: 1;
}

.leftRightMutatorButton {
  opacity: .5;
}

.leftRightMutatorButton:hover {
  opacity: 1;
}
/*# sourceMappingURL=Rocksi.8ce7c653.css.map */