/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger {
 padding:15px;
 display:inline-block;
 cursor:pointer;
 transition-property:opacity,filter;
 transition-duration:.15s;
 transition-timing-function:linear;
 font:inherit;
 color:inherit;
 text-transform:none;
 background-color:transparent;
 border:0;
 margin:0;
 overflow:visible
}
.hamburger:hover {
 opacity:.7
}
.hamburger-box {
 width:40px;
 height:24px;
 display:inline-block;
 position:relative
}
.hamburger-inner {
 display:block;
 top:50%;
 margin-top:-2px
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
 width:40px;
 height:4px;
 background-color:#000;
 border-radius:4px;
 position:absolute;
 transition-property:transform;
 transition-duration:.15s;
 transition-timing-function:ease
}
.hamburger-inner::after,.hamburger-inner::before {
 content:"";
 display:block
}
.hamburger-inner::before {
 top:-10px
}
.hamburger-inner::after {
 bottom:-10px
}
.hamburger--spin .hamburger-inner {
 transition-duration:.22s;
 transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin .hamburger-inner::before {
 transition:top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner::after {
 transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner {
 transform:rotate(225deg);
 transition-delay:.12s;
 transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin.is-active .hamburger-inner::before {
 top:0;
 opacity:0;
 transition:top .1s ease-out,opacity .1s .12s ease-out
}
.hamburger--spin.is-active .hamburger-inner::after {
 bottom:0;
 transform:rotate(-90deg);
 transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin-r .hamburger-inner {
 transition-duration:.22s;
 transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r .hamburger-inner::before {
 transition:top .1s .25s ease-in,opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner::after {
 transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r.is-active .hamburger-inner {
 transform:rotate(-225deg);
 transition-delay:.12s;
 transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.hamburger--spin-r.is-active .hamburger-inner::before {
 top:0;
 opacity:0;
 transition:top .1s ease-out,opacity .1s .12s ease-out
}
.hamburger--spin-r.is-active .hamburger-inner::after {
 bottom:0;
 transform:rotate(90deg);
 transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)
}