aside[data-v-fd919eb7]{display:flex;flex-direction:column;background-color:var(--dark);color:var(--light);width:calc(2rem + 32px);overflow:hidden;min-height:100vh;padding:1rem;transition:.2s ease-in-out}aside .flex[data-v-fd919eb7]{flex:1 1 0%}aside .logo[data-v-fd919eb7]{margin-bottom:1rem}aside .logo img[data-v-fd919eb7]{width:2rem}aside .menu-toggle-wrap[data-v-fd919eb7]{display:flex;justify-content:flex-end;margin-bottom:1rem;position:relative;top:0;transition:.2s ease-in-out}aside .menu-toggle-wrap .menu-toggle[data-v-fd919eb7]{transition:.2s ease-in-out}aside .menu-toggle-wrap .menu-toggle .material-icons[data-v-fd919eb7]{font-size:2rem;color:var(--light);transition:.2s ease-out}aside .menu-toggle-wrap .menu-toggle:hover .material-icons[data-v-fd919eb7]{color:var(--primary);transform:translate(.5rem)}aside h3[data-v-fd919eb7],aside .button .text[data-v-fd919eb7]{opacity:0;transition:opacity .3s ease-in-out}aside h3[data-v-fd919eb7]{color:var(--grey);font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}aside .menu[data-v-fd919eb7]{margin:0 -1rem}aside .menu .button[data-v-fd919eb7]{display:flex;align-items:center;text-decoration:none;transition:.2s ease-in-out;padding:.5rem 1rem}aside .menu .button .material-icons[data-v-fd919eb7],aside .menu .button .material-symbols-outlined[data-v-fd919eb7]{font-size:2rem;color:var(--light);transition:.2s ease-in-out}aside .menu .button .text[data-v-fd919eb7]{color:var(--light);transition:.2s ease-in-out}aside .menu .button[data-v-fd919eb7]:hover{background-color:var(--dark-alt)}aside .menu .button:hover .material-icons[data-v-fd919eb7],aside .menu .button:hover .material-symbols-outlined[data-v-fd919eb7],aside .menu .button:hover .text[data-v-fd919eb7]{color:var(--primary)}aside .menu .button.router-link-exact-active[data-v-fd919eb7]{background-color:var(--dark-alt);border-right:5px solid var(--primary)}aside .menu .button.router-link-exact-active .material-icons[data-v-fd919eb7],aside .menu .button.router-link-exact-active .text[data-v-fd919eb7]{color:var(--primary)}aside .footer[data-v-fd919eb7]{opacity:0;transition:opacity .3s ease-in-out}aside .footer p[data-v-fd919eb7]{font-size:.875rem;color:var(--grey)}aside.is-expanded[data-v-fd919eb7]{width:var(--sidebar-width)}aside.is-expanded .menu-toggle-wrap[data-v-fd919eb7]{top:-3rem}aside.is-expanded .menu-toggle-wrap .menu-toggle[data-v-fd919eb7]{transform:rotate(-180deg)}aside.is-expanded h3[data-v-fd919eb7],aside.is-expanded .button .text[data-v-fd919eb7]{opacity:1}aside.is-expanded .button .material-icons[data-v-fd919eb7],aside.is-expanded .button .material-symbols-outlined[data-v-fd919eb7]{margin-right:1rem}aside.is-expanded .footer[data-v-fd919eb7]{opacity:0}@media(max-width:1024px){aside[data-v-fd919eb7]{position:absolute;z-index:99}}:root{--primary: #4ade80;--primary-alt: #22c55e;--grey: #64748b;--dark: #1e293b;--dark-alt: #334155;--light: #f1f5f9;--sidebar-width: 300px}*{margin:0;padding:0;box-sizing:border-box;font-family:Fira sans,sans-serif}body{background:var(--light)}button{cursor:pointer;appearance:none;border:none;outline:none;background:none}.app{display:flex}.app main{flex:1 1 0;padding:2rem}@media(max-width:1024px){.app main{padding-left:6rem}}