/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger--3dx .hamburger-box,.hamburger--3dx-r .hamburger-box,.hamburger--3dxy .hamburger-box,.hamburger--3dxy-r .hamburger-box,.hamburger--3dy .hamburger-box,.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s}.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-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:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger--3dx .hamburger-inner,.hamburger--3dx-r .hamburger-inner,.hamburger--3dxy .hamburger-inner,.hamburger--3dxy-r .hamburger-inner,.hamburger--3dy .hamburger-inner,.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx.is-active .hamburger-inner,.hamburger--3dx:hover .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r.is-active .hamburger-inner,.hamburger--3dx-r:hover .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy.is-active .hamburger-inner,.hamburger--3dy:hover .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r.is-active .hamburger-inner,.hamburger--3dy-r:hover .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy.is-active .hamburger-inner,.hamburger--3dxy.is-active:hover .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse .hamburger-inner,.hamburger--collapse-r .hamburger-inner{top:auto;transition-duration:.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);bottom:0}.hamburger--3dxy-r.is-active .hamburger-inner,.hamburger--3dxy-r.is-active:hover .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s linear .22s}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s,transform .13s cubic-bezier(.215, .61, .355, 1) .25s}.hamburger--elastic .hamburger-inner,.hamburger--elastic-r .hamburger-inner{transition-duration:275ms;transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);top:2px}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s linear .22s}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s,transform .13s cubic-bezier(.215, .61, .355, 1) .25s}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68, -.55, .265, 1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--spin .hamburger-inner,.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68, -.55, .265, 1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms ease-out,top 80ms ease-out,opacity linear}.hamburger--slider .hamburger-inner::before,.hamburger--slider-r .hamburger-inner::before{transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s linear 80ms}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.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:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity: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}.hamburger--spin-r .hamburger-inner::before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55, .055, .675, .19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215, .61, .355, 1) .12s}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--spring.is-active .hamburger-inner,.hamburger--spring.is-active:hover .hamburger-inner{transition-delay:0.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s,transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--stand .hamburger-inner,.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55, .055, .675, .19) .15s,background-color 0s linear 75ms}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity 0s linear .22s}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s,transform .13s cubic-bezier(.215, .61, .355, 1) .22s}.hamburger--stand .hamburger-inner::before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand.is-active .hamburger-inner,.hamburger--stand:hover .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms cubic-bezier(.215, .61, .355, 1),background-color 0s linear .15s}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand-r.is-active .hamburger-inner,.hamburger--stand-r.is-active:hover .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms cubic-bezier(.215, .61, .355, 1),background-color 0s linear .15s}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s,opacity 75ms}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms,opacity 75ms .12s}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}