:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sidebar-width: 300px;--header-height: 48px;--toolbar-height: 32px;--glass-color-green-ocean: rgba(138, 253, 255, .3);--glass-border-green-ocean: rgba(138, 253, 255, .1);--glass-color-gray-rock: rgba(173, 216, 230, .3);--glass-border-gray-rock: rgba(173, 216, 230, .1);--glass-color-red-coral: rgba(240, 128, 128, .7);--glass-border-red-coral: rgba(240, 128, 128, .1);--glass-color-green-forest: rgba(144, 238, 144, .3);--glass-border-green-forest: rgba(144, 238, 144, .1)}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}*{margin:0;padding:0;box-sizing:border-box}.layout{display:grid;grid-template:"header header" var(--header-height) "toolbar toolbar" var(--toolbar-height) "sidebar span" 1fr;grid-template-columns:0 1fr;height:100%}@media (min-width: 1024px){.layout{grid-template-columns:var(--sidebar-width) 1fr}}.layout .header{grid-area:header;display:flex;align-items:center;padding:.25rem 1rem;font-family:roboto,sans-serif;font-size:2rem}.layout .header .title{font-size:1.25rem;font-weight:300;text-transform:uppercase}.layout .toolbar{grid-area:toolbar;display:flex;align-items:center;padding:0 1rem;border-top-width:0}.layout .toolbar .toolbar-item{font-family:roboto,sans-serif;font-size:1rem;margin-right:.5rem;cursor:pointer;border-radius:.25rem;transition:.25s all ease}@media (min-width: 1024px){.layout .toolbar .toolbar-item:first-child{display:none}}.layout .toolbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.125rem .5rem;color:#00000080}.layout .toolbar button:hover,.layout .toolbar button:active{background-color:#0000001a}.layout .sidebar{grid-area:sidebar;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:1s all ease;z-index:9999999}@media (max-width: 1023px){.layout .sidebar:not(.active){width:0}.layout .sidebar.active{position:fixed;top:calc(var(--header-height) + var(--toolbar-height));left:0;bottom:0;width:var(--sidebar-width)}}.layout .sidebar .sidebar-item{font-family:roboto,sans-serif;font-size:1.5rem;margin-bottom:.5rem}.content{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.glass{box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7.4px);-webkit-backdrop-filter:blur(7.4px);border-width:1px;border-style:solid;border-color:#ffffff80;background:linear-gradient(5deg,#0000321a,#fff0 53%)}.glass.green-ocean{background-color:var(--glass-color-green-ocean)}.glass.gray-rock,.glass:not(.green-ocean,.red-coral,.green-forest){background-color:var(--glass-color-gray-rock)}.glass.red-coral{background-color:var(--glass-color-red-coral)}.glass.green-forest{background-color:var(--glass-color-green-forest)}