.top-nav-button{overflow:hidden;cursor:pointer;z-index:10000;width:48px;height:48px}.top-nav-button:focus .top-nav-button__bottom-bar,.top-nav-button:focus .top-nav-button__middle-bar,.top-nav-button:focus .top-nav-button__top-bar,.top-nav-button:hover .top-nav-button__bottom-bar,.top-nav-button:hover .top-nav-button__middle-bar,.top-nav-button:hover .top-nav-button__top-bar{background-color:#667a94}.top-nav-button__wrapper{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:nowrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;width:100%;height:21px;position:relative;cursor:pointer}.top-nav-button__wrapper:focus,.top-nav-button__wrapper:hover{outline:0}.top-nav-button__bottom-bar,.top-nav-button__middle-bar,.top-nav-button__top-bar{position:relative;width:38px;height:2px;border:none;border-radius:4px;-webkit-transition:all .3s cubic-bezier(.51,-.21,.12,1.05);transition:all .3s cubic-bezier(.51,-.21,.12,1.05);z-index:10000!important;background-color:#fff}.top-nav-button__top-bar--open{-webkit-transform:translateY(9.5px) rotate(-45deg)!important;transform:translateY(9.5px) rotate(-45deg)!important}.top-nav-button__middle-bar--open{-webkit-transform:translateX(70px)!important;transform:translateX(70px)!important}.top-nav-button__bottom-bar--open{-webkit-transform:translateY(-9.5px) rotate(45deg)!important;transform:translateY(-9.5px) rotate(45deg)!important}