.hamburger {padding: 10px;display: inline-block;cursor: pointer;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-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: .8 }.hamburger-box {width: 30px;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: 30px;height: 2px;background-color: #fff;border-radius: 2px;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--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: .15s;transition-delay: .15s;transition-timing-function: cubic-bezier(.55, .055, .675, .19) }.hamburger--collapse .hamburger-inner::after {top: -20px;transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear }.hamburger--collapse .hamburger-inner::before {transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19) }.hamburger--collapse.is-active .hamburger-inner {transform: translate3d(0, -10px, 0) rotate(-45deg);transition-delay: .32s;transition-timing-function: cubic-bezier(.215, .61, .355, 1) }.hamburger--collapse.is-active .hamburger-inner::after {top: 0;opacity: 0;transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear }.hamburger--collapse.is-active .hamburger-inner::before {top: 0;-ms-transform: rotate(-90deg);transform: rotate(-90deg);transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1) }.hamburger--arrow.is-active .hamburger-inner::before {transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1) }.hamburger--arrow.is-active .hamburger-inner::after {transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1) }.hamburger--arrow-r.is-active .hamburger-inner::before {transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1) }.hamburger--arrow-r.is-active .hamburger-inner::after {transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1) }