.offcanvas-menu{right:0;width:300px;display:flex;flex-direction:column;z-index:1001;padding:7rem 20px 20px}.offcanvas-menu,.offcanvas-overlay{position:fixed;top:0;height:100vh;background:rgba(0,0,0,0)}.offcanvas-overlay{left:0;width:100vw;z-index:1000}.close-button{position:absolute;top:2em;right:1.5rem;background:none;border:none;cursor:pointer}.close-button svg{width:30px;height:30px}.close-button svg path{stroke:#fff;stroke-width:1}.user-information{background-color:rgba(213,229,217,.1960784314);padding:1rem;border-radius:15px;display:flex;align-items:center;gap:15px;margin-left:-1.2rem;margin-bottom:2rem}.user-information__icon{width:26px;height:26px}.user-information__icon svg{width:26px}.user-information__info{color:#fff}.user-information__info span{display:block}.user-information__info span.name{font-weight:600}.user-information__info span.email{font-size:.8rem}.menu-list{list-style:none;padding:0;margin-bottom:4rem}.menu-list li .menu-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-right:2rem}.menu-list li:not(:last-child){margin-bottom:1.3rem}.menu-list li svg{width:24px}.menu-list li .logout,.menu-list li a{text-decoration:none;color:#fff;font-size:18px;font-weight:600;transition:color .3s;cursor:pointer}.menu-list li .logout:hover,.menu-list li a:hover{color:#8cbf9f}.menu-list li .submenu{margin-top:.5rem;padding-left:3rem}.menu-list li .submenu li{margin-bottom:.5rem}.menu-list li .submenu li a{font-size:16px;font-weight:500;color:#fff}.menu-list li .submenu li a:hover{color:#8cbf9f}.menu-button{position:fixed;top:15px;right:15px;color:#fff;padding:10px 20px;border:none;cursor:pointer;z-index:1002;border-radius:5px}.menu-button,.menu-button:hover{background:#ff4f00}