.menu-btn-container{position:fixed;bottom:20px;right:20px;width:50px;height:50px;z-index:40}.menu-btn-wrapper{position:relative;width:100%;height:100%}.menu-btn-wrapper .menu-text{color:#fff;font-weight:400;text-align:center;line-height:50px;font-size:15px}.menu-btn-wrapper .menu-progress{position:absolute;bottom:-3px;right:-3px;width:56px;height:56px}.menu-btn-wrapper .menu-progress .menu-border{stroke:#377bb5;opacity:.9;stroke-width:1px;fill:none;transform-origin:50% 50%;stroke-dasharray:0 314.15926%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}.menu-btn,.menu-btn-child-wrapper{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer}.menu-btn{transition:all .25s ease-in-out .4s;-webkit-transition:all .25s ease-in-out .4s;-moz-transition:all .25s ease-in-out .4s;-o-transition:all .25s ease-in-out .4s;-ms-transition:all .25s ease-in-out .4s;border-radius:50%;background-color:#377bb5;z-index:5;box-shadow:0 0 5px 1px rgba(0,0,0,.2)}.menu-btn span{position:absolute;top:50%;left:50%;width:5px;height:5px;background-color:#fff;border-radius:50%;transition:height .25s,transform .25s .5s,margin .25s .5s,background-color .5s,border-radius .5s;-webkit-transition:height .25s,transform .25s .5s,margin .25s .5s,background-color .5s,border-radius .5s;-moz-transition:height .25s,transform .25s .5s,margin .25s .5s,background-color .5s,border-radius .5s;-o-transition:height .25s,transform .25s .5s,margin .25s .5s,background-color .5s,border-radius .5s;-ms-transition:height .25s,transform .25s .5s,margin .25s .5s,background-color .5s,border-radius .5s;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.menu-btn span:first-child{margin-left:-10px}.menu-btn span:last-child{margin-left:10px}.menu-btn-child-wrapper{transition:transform .3s cubic-bezier(.5,-.5,.5,1.5) .4s;-webkit-transition:transform .3s cubic-bezier(.5,-.5,.5,1.5) .4s;-moz-transition:transform .3s cubic-bezier(.5,-.5,.5,1.5) .4s;-o-transition:transform .3s cubic-bezier(.5,-.5,.5,1.5) .4s;-ms-transition:transform .3s cubic-bezier(.5,-.5,.5,1.5) .4s;z-index:4;width:80%;height:80%}.menu-btn-child{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#595959;transform-origin:90px;transition:all .25s cubic-bezier(.64,.04,.35,1);-webkit-transition:all .25s cubic-bezier(.64,.04,.35,1);-moz-transition:all .25s cubic-bezier(.64,.04,.35,1);-o-transition:all .25s cubic-bezier(.64,.04,.35,1);-ms-transition:all .25s cubic-bezier(.64,.04,.35,1)}.menu-btn-child:nth-child(2) svg,.menu-btn-child:nth-child(5) svg{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}.menu-btn-child:nth-child(3) svg,.menu-btn-child:nth-child(4) svg{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}.menu-btn-child svg{opacity:0;visibility:hidden}.menu-btn-container.open .menu-btn span{width:3px;transition:margin .25s,transform .25s,border-radius .25s,height .25s .5s;-webkit-transition:margin .25s,transform .25s,border-radius .25s,height .25s .5s;-moz-transition:margin .25s,transform .25s,border-radius .25s,height .25s .5s;-o-transition:margin .25s,transform .25s,border-radius .25s,height .25s .5s;-ms-transition:margin .25s,transform .25s,border-radius .25s,height .25s .5s}.menu-btn-container.open .menu-btn span:first-child,.menu-btn-container.open .menu-btn span:last-child{margin:0;height:20px;border-radius:5px}.menu-btn-container.open .menu-btn span:first-child{transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg)}.menu-btn-container.open .menu-btn span:nth-of-type(2){opacity:0}.menu-btn-container.open .menu-btn span:last-child{transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg)}.menu-btn-container.open .menu-btn-child-wrapper{transform:translateX(-70px);-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-o-transform:translateX(-70px);-ms-transform:translateX(-70px);transition-delay:0s}.menu-btn-container.open .menu-btn-child{transition-delay:.4s}.menu-btn-container.open .menu-btn-child svg{opacity:1;visibility:visible;transition-delay:.4s;width:16px;height:auto;color:#fff}.menu-btn-container.open .menu-btn-child:nth-child(2){transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}.menu-btn-container.open .menu-btn-child:nth-child(3){transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}.menu-btn-container.open .menu-btn-child:nth-child(4){transform:translateY(-55px) rotate(90deg);-webkit-transform:translateY(-55px) rotate(90deg);-moz-transform:translateY(-55px) rotate(90deg);-o-transform:translateY(-55px) rotate(90deg);-ms-transform:translateY(-55px) rotate(90deg)}.menu-btn-container.open .menu-btn-child:nth-child(5){transform:translateY(-55px) rotate(45deg);-webkit-transform:translateY(-55px) rotate(45deg);-moz-transform:translateY(-55px) rotate(45deg);-o-transform:translateY(-55px) rotate(45deg);-ms-transform:translateY(-55px) rotate(45deg)}.menu-btn-container.open .menu-btn-sidebar,.menu-btn-container.open .menu-toc-btn{display:none}@media(max-width:719px){.menu-btn-container.open .menu-btn-sidebar,.menu-btn-container.open .menu-toc-btn{display:flex}.menu-btn-container.open .toggle-sidebar-button{outline:none}}