.b-hamburger{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;background-color:rgba(0,0,0,0);border:0;cursor:pointer}.b-hamburger__box{position:relative;display:inline-block;width:27px;height:3px}.b-hamburger__inner,.b-hamburger__inner:after,.b-hamburger__inner:before{position:absolute;display:block;width:27px;height:3px;background-color:var(--color-black-light);border-radius:4px;transition-duration:.4s;transition-property:transform;transition-timing-function:ease-out}.b-hamburger__inner:after,.b-hamburger__inner:before{display:block;content:""}.b-hamburger__inner:before{top:-7px;transition:top .2s ease-in .25s,opacity .2s ease-out}.b-hamburger__inner:after{bottom:-7px;width:17px;transition:bottom .2s ease-in .25s,transform .4s ease-out,width .4s ease-out}.is-nav-opened .b-hamburger__inner{transform:rotate(225deg);transition-delay:.2s;transition-timing-function:ease-out}.is-nav-opened .b-hamburger__inner:before{top:0;opacity:0;transition:top .2s ease-out,opacity .2s ease-out .2s}.is-nav-opened .b-hamburger__inner:after{bottom:0;width:27px;transform:rotate(-90deg);transition:bottom .2s ease-out,transform .4s ease-out .2s,width .2s ease-out}