/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
/* line 3, ../../sass/hamburgers/_base.scss */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter, opacity, filter;
          transition-property: opacity, filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
/* line 30, ../../sass/hamburgers/_base.scss */
.hamburger:focus, .hamburger:active {
  outline: none;
}

/* line 36, ../../sass/hamburgers/_base.scss */
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

/* line 43, ../../sass/hamburgers/_base.scss */
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
/* line 48, ../../sass/hamburgers/_base.scss */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
/* line 61, ../../sass/hamburgers/_base.scss */
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
/* line 67, ../../sass/hamburgers/_base.scss */
.hamburger-inner::before {
  top: -10px;
}
/* line 71, ../../sass/hamburgers/_base.scss */
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * Stand
 */
/* line 6, ../../sass/hamburgers/types/_stand.scss */
.hamburger--stand .hamburger-inner {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
          transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
/* line 13, ../../sass/hamburgers/types/_stand.scss */
.hamburger--stand .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.1s 0.12s ease-out, -webkit-transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: top 0.1s 0.12s ease-out, transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 20, ../../sass/hamburgers/types/_stand.scss */
.hamburger--stand .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: bottom 0.1s 0.12s ease-out, transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 30, ../../sass/hamburgers/types/_stand.scss */
.hamburger--stand.is-active .hamburger-inner, .hamburger--stand:hover .hamburger-inner {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
          transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}
/* line 37, ../../sass/hamburgers/types/_stand.scss */
.hamburger--stand.is-active .hamburger-inner::before, .hamburger--stand:hover .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 0.1s 0.12s ease-out, -webkit-transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: top 0.1s 0.12s ease-out, transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* line 44, ../../sass/hamburgers/types/_stand.scss */
.hamburger--stand.is-active .hamburger-inner::after, .hamburger--stand:hover .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: bottom 0.1s 0.12s ease-out, transform 0.5s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}