.nav-bar[data-v-b1ecec93]{background:#282c34;box-shadow:0 0 10px #00000080;height:fit-content;overflow-y:scroll;scrollbar-gutter:stable}@media screen and (max-width: 767px){.nav-bar[data-v-b1ecec93]{padding:10px;position:absolute;top:0;left:0;width:300px;box-sizing:border-box;z-index:1000}}@media screen and (min-width: 768px){.nav-bar[data-v-b1ecec93]{position:static;top:auto;left:auto;width:auto;z-index:auto;flex:2;min-width:300px;min-height:0;height:100%;padding:25px;overflow-x:hidden;overflow-y:scroll;max-height:100vh;scrollbar-gutter:stable}.nav-bar.is-open[data-v-b1ecec93]{transform:none}}h3[data-v-b1ecec93]{margin-top:0;padding-bottom:10px}ul[data-v-b1ecec93]{list-style-type:none;padding:0;margin:0}li[data-v-b1ecec93]{margin:10px 0}a[data-v-b1ecec93]{color:#c9d1d9;text-decoration:none;font-size:1.1em;padding:5px;display:block;border-radius:4px;transition:background-color .2s,color .2s}a[data-v-b1ecec93]:hover{color:#fff;background-color:#3a3f4b}.category-item>a[data-v-b1ecec93]{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.arrow[data-v-b1ecec93]{font-size:1.5em;line-height:1;transition:transform .2s}.arrow.open[data-v-b1ecec93]{transform:rotate(90deg)}.submenu[data-v-b1ecec93]{padding-left:15px;margin-top:10px}.submenu li[data-v-b1ecec93]{margin:5px 0}.submenu a[data-v-b1ecec93]{font-size:1em;padding:3px 8px}a.active[data-v-b1ecec93]{color:#61dafb;font-weight:700;background-color:#3a3f4b}