.mobile-side-nav{color:#fff;z-index:100;background-color:#fff;flex-direction:column;width:80%;max-width:300px;height:100vh;margin-top:4rem;animation:.3s forwards slideIn;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}@keyframes slideIn{to{transform:translate(0)}}.menu-button{color:#0a0a0a;cursor:pointer;background-color:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:1rem;display:flex}.menu-button:hover{transform:translate(2px)}.submenu{color:#1a202c;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;background-color:#fff;max-height:250px;padding:.1rem;overflow-y:auto;box-shadow:inset 0 0 10px #0000000d}.submenu::-webkit-scrollbar{width:6px}.submenu::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.submenu::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:3px}.submenu-section{margin-bottom:.5rem}.submenu-item{color:#1a202c;background-color:#f7fafc;border-radius:.5rem;justify-content:space-between;align-items:start;margin-bottom:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s;display:flex}.submenu-item:hover{background-color:#e2e8f0;transform:translate(2px);box-shadow:0 5px 15px #00000014}.item-text{flex-direction:column;display:flex}.item-desc{color:#718096;margin-top:2px;font-size:.75rem}.item-new{color:#3182ce;background-color:#bee3f8;border-radius:9999px;align-self:center;padding:.15rem .5rem;font-size:.65rem}