.side-menu{height:100vh;z-index:1001;background:radial-gradient(circle,#232323 0%,#101010 100%);flex-direction:column;height:100dvh;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #00000080}.side-menu.active{right:0}.side-menu-header{color:#fff;border-bottom:2px solid #2c2c2c;justify-content:right;align-items:center;padding:20px;display:flex}.side-menu-header h3{margin:0;font-family:Montserrat,sans-serif;font-size:30px;font-weight:300}.side-menu-content{flex:1;padding:20px;overflow-y:auto}a.menu-item,button.menu-item{box-sizing:border-box;text-align:left;align-items:center;width:100%;max-width:310px;margin-bottom:10px;padding:15px 20px;display:flex}.menu-item>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.side-menu-footer{text-align:center;color:silver;border-top:2px solid #2c2c2c;padding:15px 20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300}.menu-overlay{width:100%;height:100vh;opacity:0;visibility:hidden;z-index:1000;background:#00000080;height:100dvh;transition:all .3s;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;visibility:visible}@media (max-width:768px){.side-menu{width:100%;right:-100%}}@media (max-width:480px){.side-menu-header h3{font-size:20px}.menu-item{padding:12px 15px;font-size:14px}a.menu-item,button.menu-item{max-width:100%}}.menu-aide{margin-top:40px}.side-menu-greeting{display:none}@media (min-width:1351px){#hamburgerBtn,.menu-overlay{display:none!important}.side-menu{width:90px;height:100vh;z-index:1001;height:100dvh;transition:width .25s;position:fixed;top:0;left:auto;right:0;overflow:hidden}.side-menu,.side-menu:not(.active){right:0!important}.side-menu:hover{width:300px}.side-menu-header{display:none}.side-menu-greeting{color:silver;white-space:nowrap;opacity:0;padding:20px 22px 10px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:300;transition:opacity .15s;display:block;overflow:hidden}.side-menu:hover .side-menu-greeting{opacity:1}.header .user-name{display:none}.side-menu-content{padding:15px 0}a.menu-item,button.menu-item{width:75%;min-width:unset;max-width:unset;white-space:nowrap;gap:15px;margin-left:10px;margin-right:10px;font-weight:300;transition:width .25s;overflow:hidden}.side-menu:hover a.menu-item,.side-menu:hover button.menu-item{width:92%}.menu-item>span:nth-child(2){opacity:0;transition:opacity .15s}.side-menu:hover .menu-item>span:nth-child(2){opacity:1}.side-menu-footer{white-space:nowrap;opacity:0;transition:opacity .15s;overflow:hidden}.side-menu:hover .side-menu-footer{opacity:1}}