.app-title{align-items:center;color:var(--white);display:flex;font-size:1.15em;height:inherit;margin-left:var(--spacer)}.app-title h1{font-weight:var(--font-weight-normal);margin:unset}.app-title .app-title__badge{align-items:center;background-color:var(--white);border-radius:2em;color:var(--p-primary-500);display:flex;font-size:.8em;font-weight:var(--font-weight-medium);height:2em;justify-content:center;margin-left:var(--spacer-input);padding:0 var(--spacer-input)}.dark-mode .app-title{color:var(--p-zinc-50)}.dark-mode .app-title .app-title__badge{background-color:var(--p-zinc-950);color:var(--p-primary-200)}.theme-switcher{align-items:center;border-radius:50%;color:var(--p-zinc-50);display:flex;height:2.5rem;justify-content:center;width:2.5rem}.theme-switcher:hover{cursor:pointer}.theme-switcher i{font-size:1.5em}.dark-mode .theme-switcher{color:var(--p-zinc-300)}:root{--app-user-badge-size:2.35em}.app-user.is-open .app-user__badge{background-color:var(--p-zinc-400);border-color:var(--p-zinc-400)}.app-user .app-user__badge{align-items:center;background-color:var(--p-yellow-400);border:1px solid var(--p-yellow-400);border-radius:var(--app-user-badge-size);color:var(--p-yellow-900);cursor:pointer;display:flex;font-size:1.2em;font-weight:var(--font-weight-bold);height:var(--app-user-badge-size);justify-content:center;text-transform:uppercase;transition:all .2s ease-in-out;width:var(--app-user-badge-size)}.dark-mode .app-user .app-user__badge{background-color:var(--p-yellow-950);border-color:var(--p-yellow-800);color:var(--p-yellow-400)}.app-menu{height:calc(100vh - var(--app-topbar-height));position:relative;scrollbar-width:thin;z-index:10}.app-menu.is-collapsed .app-menu__sections{padding:unset}.app-menu.is-collapsed .app-menu__section:first-child .app-menu__section__label{margin-bottom:unset}.app-menu.is-collapsed .app-menu__section .app-menu__section__label{height:1px;opacity:0}.app-menu.is-collapsed .app-menu__item{align-items:center;border-radius:unset;display:flex;flex-direction:column;height:3.25em;justify-content:center;overflow:hidden;width:100%}.app-menu.is-collapsed .app-menu__item .app-menu__item__icon{margin-right:unset;transform:scale(1.21) perspective(1px)}.app-menu.is-collapsed .app-menu__item .app-menu__item__label{height:0;opacity:0;visibility:hidden}.app-menu .app-menu__sections{list-style:none;margin:unset;min-height:calc(100% - var(--collapser-height) - 1px);padding:var(--spacer)}.app-menu .app-menu__section:not(:last-child),.app-menu .app-menu__section .app-menu__section__label{margin-bottom:var(--spacer-sm)}.app-menu .app-menu__section .app-menu__section__label{color:var(--p-zinc-500);display:block;font-size:.9em}.app-menu .app-menu__items{list-style:none;margin:0;padding:0}.app-menu .app-menu__item{align-items:center;border:1px solid transparent;border-radius:var(--border-radius);display:flex;height:2.6em;padding:0 var(--spacer);text-decoration:none}.app-menu .app-menu__item.router-link-active{background:var(--p-primary-50);border-color:var(--p-primary-50);color:var(--p-primary-500)}.app-menu .app-menu__item .app-menu__item__icon{margin-right:var(--spacer-sm)}.dark-mode .app-menu{background-color:var(--p-zinc-900)}.dark-mode .app-menu .app-menu__section__label{color:var(--p-zinc-400)}.dark-mode .app-menu .app-menu__item.router-link-active{background:var(--p-primary-900);border-color:var(--p-primary-600);color:var(--p-primary-100)}.dark-mode .app-menu .app-menu__item.router-link-active:hover{background:var(--p-primary-900);border-color:var(--p-primary-600)}.dark-mode .app-menu .app-menu__item:hover{background:var(--p-zinc-800);border-color:var(--p-zinc-700)}:root{--app-sidebar-width:20em;--app-sidebar-width-collapsed:4em;--app-topbar-height:4em}.app{background-color:var(--background);display:grid;grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:var(--app-sidebar-width) 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.app.staging .app__topbar{background:var(--p-red-950)!important;border-bottom:1px solid var(--p-red-900)!important}.app.staging .app__topbar .app__topbar__badge{background:var(--p-red-900)!important;border-color:var(--p-red-800)!important}.app.staging .app__topbar .app__topbar__badge:hover{background:var(--p-red-800)!important}.app.is-collapsed{grid-template-columns:var(--app-sidebar-width-collapsed) 1fr}.app.is-collapsed .app__topbar .app__topbar__badge{flex:0 0 var(--app-sidebar-width-collapsed);padding:unset}.app.is-collapsed .app__topbar .app__topbar__badge img{width:52%}.app .app__topbar{background:var(--p-primary-700);border-bottom:1px solid var(--p-primary-800);display:flex;flex:0 0 100%;grid-area:topbar;height:var(--app-topbar-height)}.app .app__topbar .app__topbar__badge,.app .app__topbar .app__topbar__navigation,.app .app__topbar .app__topbar__title{height:inherit}.app .app__topbar .app__topbar__badge{align-items:center;background:var(--p-primary-600);border-color:var(--p-primary-800);border-style:solid;border-width:0 1px 1px 0;display:flex;flex:0 0 var(--app-sidebar-width);justify-content:center;overflow:hidden;padding:0 var(--spacer);transition:flex .15s ease-in-out;transition:background .2s ease-in-out}.app .app__topbar .app__topbar__badge:hover{background:var(--p-primary-500)}.app .app__topbar .app__topbar__badge img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70%}.app .app__topbar .app__topbar__title{flex:1}.app .app__topbar .app__topbar__navigation{align-items:center;color:var(--white);display:flex;flex:1;height:inherit;justify-content:flex-end;padding:0 var(--spacer-md)}.app .app__topbar .app__topbar__navigation ul{display:flex;height:inherit;list-style:none;margin:0;padding:0}.app .app__topbar .app__topbar__navigation ul li{align-items:center;display:flex;height:inherit}.app .app__topbar .app__topbar__navigation ul li:not(:last-child){margin-right:var(--spacer)}.app .app__topbar .app__topbar__item{align-items:center;color:var(--p-zinc-50);display:flex;font-size:1.5em;height:calc(100% - 2px);padding:0 var(--spacer)}.app .app__topbar .app__topbar__item:hover{background:var(--p-primary-800)}.app .app__sidebar{background:var(--p-zinc-50);border-right:1px solid var(--p-zinc-400);flex:0 0 var(--app-sidebar-width);grid-area:sidebar;overflow-y:auto;position:relative;transition:flex .15s ease-in-out}.app .app__content{grid-area:content;overflow-y:auto}.dark-mode .app .app__topbar{background:var(--p-primary-950);border-bottom:1px solid var(--p-zinc-700)}.dark-mode .app .app__topbar .app__topbar__badge{background:var(--p-primary-900);border-color:var(--p-zinc-700)}.dark-mode .app .app__topbar .app__topbar__badge:hover{background:var(--p-primary-800)}.dark-mode .app .app__sidebar{background:var(--p-zinc-900);border-right:1px solid var(--p-zinc-700);flex:0 0 var(--app-sidebar-width);grid-area:sidebar;overflow-y:auto;position:relative;transition:flex .15s ease-in-out}