.sidebar-container{background-color:var(--sidebar-background);overflow:hidden;flex-shrink:0;margin:8px;border-radius:16px;height:calc(100vh - 16px);box-shadow:0 1px 3px 0 rgba(0,0,0,.05);border:1px solid var(--border)}.sidebar--open{@media (max-width:500px){width:100vw;margin-left:0;margin-bottom:0;margin-right:0;margin-top:0;border-radius:0;height:100vh;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium;box-shadow:none}}.side-bar-item:hover{background-color:var(--sidebar-item-hover-bg)}.side-bar-item--active{background-color:var(--sidebar-item-active-bg)}