@media (max-width: 800px){.drawer{text-align:start;position:sticky;top:0;color:var(--color-primary);background-color:var(--color-background-primary);max-height:75px;overflow:hidden;transition:max-height .2s}.drawer-active{max-height:500px}.drawer-item,.drawer-button{font-size:1.5rem;line-height:2rem;width:100%;text-align:start;align-content:center;padding:1.8rem 1rem 1rem;font-family:monospace;display:inline-block;text-wrap:nowrap;overflow:hidden;margin-bottom:-8px}.drawer-item>i,.drawer-button>i{font-size:1.5rem;line-height:2rem;text-align:center;align-content:center;align-items:center}}@media (min-width: 800px){.drawer-layout{display:flex;flex-direction:row}.drawer{position:sticky;height:100vh;padding-top:0;text-align:center;visibility:collapse}@media (min-width: 768px){.drawer{visibility:visible}}.drawer{position:sticky;top:0;flex:none;max-width:60px;color:var(--color-primary);background-color:var(--color-background-primary);transition:width .1s;transition:max-width .1s;overflow:hidden}.drawer-active{width:300px;max-width:300px}.drawer-header{color:var(--color-primary)}.drawer-item,.drawer-button{font-size:1.5rem;line-height:2rem;width:100%;text-align:start;align-content:center;padding:1rem;font-family:monospace;display:inline-block;text-wrap:nowrap;overflow:hidden;margin-bottom:-8px}.drawer-item>i,.drawer-button>i{font-size:1.5rem;line-height:2rem;padding-inline-end:.5rem;padding-left:2px;margin:0}}.drawer-item:hover,.drawer-item-active{background-color:var(--color-background);color:var(--color-text)}