.hamburger-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.hamburger-inner{display:block}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:1.2em;height:.125em;position:absolute;transition-property:transform;transition-duration:1s;transition-timing-function:ease;border-radius:1em}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-.32em}.hamburger-inner:after{bottom:-.32em}.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{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}.mask-fade-sides{mask-image:linear-gradient(90deg,transparent 2%,#000 10%,#000 90%,transparent 98%);-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 10%,#000 90%,transparent 98%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}