:root{--sidebar_background: rgba(24, 40, 71, 1)}.navbar aside.sidebar{height:100dvh;position:fixed;width:80%;z-index:100;top:0;background-color:var(--sidebar_background);display:flex;flex-direction:column;gap:16px;padding:24px 16px;transition:transform .2s ease-in-out;overflow:hidden}.navbar aside.sidebar-left{z-index:101;left:0}.navbar aside.sidebar-right{right:0}.navbar aside.sidebar .menu{display:flex;gap:8px;flex-direction:column}.navbar aside.sidebar .menu .link:hover{background-color:var(--container_background)}.navbar aside.sidebar .menu .link{padding:4px 6px;color:#fff;border-radius:4px;font-size:13px;font-style:normal;font-weight:500;line-height:normal;user-select:none;width:100%;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;transition:all .2s ease-in-out}.navbar .backdrop{display:flex;left:0;z-index:100;width:100vw;height:100dvh;position:fixed;top:0;background:#000c}.navbar aside.sidebar.show{transform:translate(0)!important}.navbar .backdrop.show{display:flex}.navbar aside.sidebar.hide-left{transform:translate(-100%)}.navbar aside.sidebar.hide-right{transform:translate(100%)}.navbar .backdrop.hide-left,.navbar .backdrop.hide-right{display:none}.sidebar-category{display:flex;flex-direction:column;gap:4px}.sidebar-category .link{color:#fff;font-size:.875rem;padding:10px 8px;border-radius:4px;display:flex;align-items:start}.sidebar-category .link:hover{background-color:var(--container_background)}