.f2i-folder {
  background: #5c5c5c;
  color: #fff;
  padding: 0;
}
.f2i-folder .folder-container {
  padding: 0 20px;
  margin: 0;
  font-family: "Inconsolata", monospace;
  font-size: 1.2rem;
  font-weight: normal;
}
.f2i-folder .folder-container .--icon-- {
  padding-right: 0.3em;
  padding-left: 0.4em;
  top: 0;
  position: relative;
}
.f2i-folder .folder-container .folder-wrapper {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.f2i-folder .folder-container .file-item,
.f2i-folder .folder-container .folder-item {
  list-style-type: none;
  position: relative;
}
.f2i-folder .folder-container .file-item .file-item-name,
.f2i-folder .folder-container .file-item .folder-item-name,
.f2i-folder .folder-container .folder-item .file-item-name,
.f2i-folder .folder-container .folder-item .folder-item-name {
  position: relative;
}
.f2i-folder .folder-container .file-item.level-0,
.f2i-folder .folder-container .folder-item.level-0 {
  margin-left: -15px;
}
.f2i-folder .folder-container .file-item.level-1,
.f2i-folder .folder-container .folder-item.level-1 {
  margin-left: 0.4em;
}
.f2i-folder .folder-container .file-item.level-2,
.f2i-folder .folder-container .folder-item.level-2 {
  margin-left: 1.2em;
}
.f2i-folder .folder-container .file-item.level-3,
.f2i-folder .folder-container .folder-item.level-3 {
  margin-left: 2.1em;
}
.f2i-folder .folder-container .file-item.level-4,
.f2i-folder .folder-container .folder-item.level-4 {
  margin-left: 3.1em;
}
.f2i-folder .folder-container .file-item.level-5,
.f2i-folder .folder-container .folder-item.level-5 {
  margin-left: 4.1em;
}
.f2i-folder .folder-container .file-item.level-6,
.f2i-folder .folder-container .folder-item.level-6 {
  margin-left: 5.1em;
}
.f2i-folder .folder-container .file-item.level-7,
.f2i-folder .folder-container .folder-item.level-7 {
  margin-left: 6.1em;
}
.f2i-folder .folder-container .file-item.level-8,
.f2i-folder .folder-container .folder-item.level-8 {
  margin-left: 7.1em;
}
.f2i-folder .folder-container .file-item.level-9,
.f2i-folder .folder-container .folder-item.level-9 {
  margin-left: 8.1em;
}
.f2i-folder .folder-container .file-item.level-10,
.f2i-folder .folder-container .folder-item.level-10 {
  margin-left: 9.1em;
}
.f2i-folder .folder-container .file-item.level-1:before,
.f2i-folder .folder-container .folder-item.level-1:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-2:before,
.f2i-folder .folder-container .folder-item.level-2:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-3:before,
.f2i-folder .folder-container .folder-item.level-3:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-4:before,
.f2i-folder .folder-container .folder-item.level-4:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-5:before,
.f2i-folder .folder-container .folder-item.level-5:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-6:before,
.f2i-folder .folder-container .folder-item.level-6:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-7:before,
.f2i-folder .folder-container .folder-item.level-7:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-8:before,
.f2i-folder .folder-container .folder-item.level-8:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-9:before,
.f2i-folder .folder-container .folder-item.level-9:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.level-10:before,
.f2i-folder .folder-container .folder-item.level-10:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 0.3em;
}
.f2i-folder .folder-container .file-item.--first--:before,
.f2i-folder .folder-container .folder-item.--first--:before {
  height: 0.8em;
  top: 0em;
}
.f2i-folder .folder-container .file-item.--rest--:before,
.f2i-folder .folder-container .folder-item.--rest--:before {
  height: 2em;
  top: -1.2em;
}
.f2i-folder .folder-container .folder-item {
  font-weight: bold;
}