.menu{flex-direction:column;height:100%;display:flex}.menu-header{margin-bottom:24px}.menu-name{margin-bottom:4px;font-size:22px;font-weight:700}.menu-phone{color:#a6a6a6;font-size:14px}.menu-list{margin:0;padding:0;list-style:none}.menu-item{text-align:left;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eee;width:100%;padding:18px 0;font-size:18px;font-weight:600;transition:all .2s}.menu-item:hover{color:#00b749;transform:translate(4px)}.menu-logout{text-transform:uppercase;cursor:pointer;color:#ff3b30;background:0 0;border:none;border-top:1px solid #eee;margin-top:auto;padding:18px 0;font-size:18px;font-weight:600;transition:all .2s}.menu-logout:hover{opacity:.7}.overlay{opacity:0;pointer-events:none;z-index:100;background:#0006;transition:all .3s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:all}.drawer{z-index:101;background:#fff;width:400px;height:100vh;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #eee;padding:16px}.drawer-content{padding:16px}.logout{color:red;margin-top:20px}.drawer-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #00000014}.drawer-back{color:#333;background:#f5f5f5}.drawer-back:hover{background:#eaeaea;transform:translateY(-1px)}.drawer-close{color:#fff;background:#00b749}.drawer-close:hover{background:#00a33f;transform:translateY(-1px)}.drawer-btn:active{transform:scale(.97);box-shadow:0 1px 3px #0000001a}