.menu-wrapper{position:relative;top:20px;right:20px}.menu-button{position:fixed;top:0;right:0;width:15px;height:100%;background-color:#6c757d;color:#fff;font-size:18px;writing-mode:vertical-rl;text-align:center;border-radius:10px;cursor:pointer;transition:right .3s ease,background-color .3s ease;opacity:.3;z-index:9999}.menu-button:hover{background-color:#5a6268}.menu-content{position:fixed;top:0;right:-290px;width:250px;height:100vh;background-color:#fff;box-shadow:-2px 0 5px #0003;transition:right .3s ease;z-index:9998;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-open .menu-content{right:0}.menu-open .menu-button{right:280px}.menu-open .main-content{margin-right:250px}.menu-open .overlay{display:block;pointer-events:auto}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9997;pointer-events:none}.menu-header{display:flex;justify-content:flex-end;padding-right:10px}.menu-icon-close{width:30px;height:30px;cursor:pointer}.menu-open body{overflow:hidden}