.hamburger-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hamburger-inner{display:block}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{border-radius:1em;width:1.2em;height:.125em;transition-property:transform;transition-duration:1s;transition-timing-function:ease;position:absolute}.hamburger-inner:before,.hamburger-inner:after{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{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger--spin.is-active .hamburger-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}
.mask-fade-sides{-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 10% 90%,#0000 98%);mask-image:linear-gradient(90deg,#0000 2%,#000 10% 90%,#0000 98%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}