sidebar-menu{display:flex;flex-direction:column;width:60px;min-width:60px;background-color:#2d2d30;border-right:1px solid #1e1e1e;overflow-y:auto;overflow-x:hidden}sidebar-menu .menu-container{display:flex;flex-direction:column;height:100%;padding:8px 0}sidebar-menu .menu-item{display:flex;align-items:center;justify-content:center;width:100%;height:48px;min-height:48px;background:0 0;border:0;color:#ccc;cursor:pointer;transition:background-color .2s;padding:0}sidebar-menu .menu-item:hover{background-color:#3e3e42}sidebar-menu .menu-item[active]{background-color:#094771;border-left:2px solid #0e639c}sidebar-menu .menu-item icon{color:inherit}sidebar-menu .separator{width:100%;min-height:1px;margin:8px 0}sidebar-menu .separator.light{background-color:#3e3e42}sidebar-menu .separator.thick{min-height:2px;background-color:#555;margin:12px 0}sidebar-menu .spacer{flex:1;min-height:20px}@media (max-width:768px){sidebar-menu{width:100%;min-width:100%;height:60px;min-height:60px;border-right:none;border-bottom:1px solid #1e1e1e;overflow-x:auto;overflow-y:hidden}sidebar-menu .menu-container{flex-direction:row;width:max-content;height:100%;padding:0 8px}sidebar-menu .menu-item{width:48px;min-width:48px;height:100%}sidebar-menu .separator{width:1px;height:100%;margin:0 8px}sidebar-menu .separator.thick{width:2px;margin:0 12px}sidebar-menu .spacer{display:none}}::-webkit-scrollbar{width:5px;height:5px;opacity:0}::-webkit-scrollbar-track{background:#3d3d3d;border-radius:10px}::-webkit-scrollbar-thumb{background:#6a5acd;border-radius:10px;border:2px solid #1e1e1e}::-webkit-scrollbar-thumb:hover{background:#5a5579}*{scrollbar-width:thin;scrollbar-color:#27242c #1e1e1e}