.b-hamburger{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:0;width:48px;height:48px;background:var(--color-brand-1);border:none;border-radius:8px;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-white);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{background:var(--color-white)}.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}.is-nav-opened .b-hamburger__inner,.is-nav-opened .b-hamburger__inner:after,.is-nav-opened .b-hamburger__inner:before{background-color:var(--color-grey-dark)}