/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{background-color:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:0;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear}.hamburger:hover{opacity:.7}.hamburger-box{display:inline-block;height:14px;position:relative;width:24px}.hamburger-inner{display:block;margin-top:-1px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#000;border-radius:0;height:2px;position:absolute;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:24px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-6px}.hamburger-inner:after{bottom:-6px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,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{opacity:0;top:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.app-navbar-close{align-items:center;color:#1d1a10;display:flex;font-size:14px;justify-content:flex-end}.app-navbar-close .hamburger{display:block;margin-left:.5rem;position:relative;top:2px}.app-navbar-close .hamburger-inner,.app-navbar-close .hamburger-inner:after,.app-navbar-close .hamburger-inner:before{background:currentColor}.app-navbar-close .text{display:none}@media (min-width:380px){.app-navbar-close .text{display:block;line-height:1;margin-right:.5rem}}.app-navbar-close.active{color:#fff}.app-navbar-close.active .hamburger-inner,.app-navbar-close.active .hamburger-inner:after,.app-navbar-close.active .hamburger-inner:before{background:currentColor}