/* Scss Document */
.arrow-icon {
  height: 20px;
  width: 65px;
  display: block;
  padding: 0.2em;
  margin: 2em auto 0;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}

.left-bar {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 30px;
  height: 5px;
  display: block;
  transform: rotate(35deg);
  float: right;
  border-radius: 2px;
}
.left-bar:after {
  content: "";
  background-color: #bebebc;
  width: 30px;
  height: 5px;
  display: block;
  float: right;
  border-radius: 3px 5px 5px 3px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}

.right-bar {
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: 22px;
  width: 30px;
  height: 5px;
  display: block;
  transform: rotate(-35deg);
  float: right;
  border-radius: 2px;
}
.right-bar:after {
  content: "";
  background-color: #bebebc;
  width: 30px;
  height: 5px;
  display: block;
  float: right;
  border-radius: 5px 3px 3px 5px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}

.open .left-bar:after {
  transform-origin: center center;
  transform: rotate(-70deg);
}
.open .right-bar:after {
  transform-origin: center center;
  transform: rotate(70deg);
}/*# sourceMappingURL=animation.css.map */