.sidebar_menu_wrapper{position:fixed;top:0;left:-100%;z-index:60;width:100%;height:100%;background-color:#20202082;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.sidebar_menu_wrapper.active{left:0}.sidebar_menu{position:relative;height:100%;width:300px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}ul.sidebar_menu_submenu{padding-left:3rem}ul.sidebar_menu_submenu,ul.sidebar_menu_submenu li{overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}ul.sidebar_menu_submenu li{display:flex;height:42px;max-height:0;align-items:center;opacity:0}ul.sidebar_menu_submenu.active li{max-height:42px;overflow:hidden;opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.sidebar_user_info{display:flex;align-items:center;gap:1rem}.sidebar_user_info .user_name{font-size:1rem;line-height:1.5rem;font-weight:700;color:var(--primary)}.sidebar_user_info .user_email{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--primary-300)}