.site-navigation-mobile-button{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:3rem;justify-content:center;position:relative;transition:background-color .2s;width:3rem;z-index:101}.site-navigation-mobile-button .bars{background-color:var(--wp--preset--color--primary);border-radius:4px;display:block;height:2px;position:relative;transition:all .2s;width:1.5rem}.site-navigation-mobile-button .bars:after,.site-navigation-mobile-button .bars:before{background-color:var(--wp--preset--color--primary);content:" ";display:block;height:100%;left:0;position:absolute;transform:rotate(0);transform-origin:center center;transition:top .1s ease .1s,transform .1s ease;width:100%}.site-navigation-mobile-button .bars:before{top:-8px}.site-navigation-mobile-button .bars:after{top:8px}body.menu-is-open .site-navigation-mobile-button .bars{background-color:transparent}body.menu-is-open .site-navigation-mobile-button .bars:after,body.menu-is-open .site-navigation-mobile-button .bars:before{top:0;transition:top .1s ease,transform .1s ease .1s}body.menu-is-open .site-navigation-mobile-button .bars:before{transform:rotate(45deg)}body.menu-is-open .site-navigation-mobile-button .bars:after{transform:rotate(-45deg)}