.parent__panel-menu{z-index:1000;justify-content:end;transition:all .5s;animation:.5s test;display:flex;position:fixed;left:-2000px}.panel__menu{z-index:10;background-color:#fff;width:50%;height:100vh;transition:all .5s;display:flex}.panel__menu-parent-on{width:100%;height:100%;transition:all .5s;top:0;left:0}.panel__menu-parent-off{width:100%;height:100%;transition:all .5s;top:0;left:-2000px}.panel__menu-on{left:0}.panel__menu-ul{flex-direction:column;width:100%;margin-top:5px;padding-right:10px;list-style-type:none;transition:all .5s;display:flex}.panel__menu-li{padding:10px}.panel__menu-li a{color:#000;align-items:center;gap:5px;font-size:15px;text-decoration:none;display:flex}.panel__menu-li a svg{width:35px;height:35px}@media screen and (width>=450px){.panel__menu{width:25%}.panel__menu-li a{font-size:19px}}