src/css/desktop/apps/filebrowser/ui/sidebar.css
window#FileManager > div.body div.sidebar div.dirs {
  height: calc(100% - 80px);
  overflow-y: auto;
}

window#FileManager > div.body div.sidebar div.dirs div.loading {
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

window#FileManager > div.body div.sidebar button.folder {
  display: flex;
  width: 100%;
  text-align: left;
  padding: 5px;
  margin: 0;
  line-height: 20px;
  box-sizing: border-box;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
}

window#FileManager > div.body div.sidebar button.folder.selected {
  background-color: var(--button-glass-bg);
}

window#FileManager > div.body div.sidebar button.folder img {
  height: 20px;
  margin-right: 10px;
}

window#FileManager > div.body div.sidebar button.folder p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

window#FileManager > div.body div.sidebar div.quota-renderer {
  margin-top: auto;
}

window#FileManager > div.body div.sidebar div.quota-renderer div.bar {
  height: 5px;
  border-radius: 2.5px;
  background-color: var(--button-glass-bg);
  overflow: hidden;
}

window#FileManager > div.body div.sidebar div.quota-renderer div.bar div.inner {
  height: 5px;
  border-radius: 2.5px;
  background-color: var(--accent-light);
}

window#FileManager > div.body div.sidebar div.quota-renderer div.stat {
  opacity: 0.6;
  font-size: 11px;
  display: flex;
  margin-top: 5px;
}

window#FileManager
  > div.body
  div.sidebar
  div.quota-renderer
  div.stat
  span.invalid {
  color: tomato;
  font-style: italic;
}

window#FileManager
  > div.body
  div.sidebar
  div.quota-renderer
  div.stat
  div.right {
  margin-left: auto;
}

window#FileManager > div.body div.sidebar div.home {
  border-bottom: var(--button-glass-bg) 1px solid;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
