.slide-menu{position:fixed;top:0;right:0;width:250px;height:100%;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s ease-in-out}.slide-menu.active{transform:translateX(0)}.menu-header{display:flex;justify-content:space-between;padding:15px;background-color:#f1f1f1}.menu-header h3{margin:0;font-size:18px}.close-button{background:none;border:none;font-size:18px;cursor:pointer}.menu-list{list-style:none;padding:0}.menu-list li{padding:15px;border-bottom:1px solid #e0e0e0}.menu-link{display:flex;align-items:center;text-decoration:none;color:#333}.menu-link .link-icon{margin-right:10px}.menu-link:hover{background-color:#f1f1f1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;display:none}.overlay.active{display:block}