/* DIRECTORY TREE */

.archive-folder{
  margin-bottom:6px;
}

.folder-title{
  cursor:pointer;
  user-select:none;
  color:red;
  font-size: 24px;
}

.folder-title:hover{
  text-decoration:underline;
}

.folder-arrow{
  display:inline-block;
  width:14px;
  margin-right:6px;
}

.archive-work{
  margin-left:16px;
  margin-top:4px;
}

.work-header{
  cursor:pointer;
  font-family:PixelPlay;
  font-size: 20px;
}

.work-body{
  display:none;
  margin-left:22px;
  margin-top:6px;
}

.work-body.open{
  display:flex;
  gap:10px;
}

.work-body img{
  width:50px;
  height:50px;
  object-position:center;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.473);
  padding: 1px;
}

.folder-contents{
  display:none;
  margin-left:18px;
  padding-left:12px;
  border-left:1px dashed #888;
}

.folder-contents.open{
  display:block;
}

.tree{
  font-family:monospace;
  white-space:pre;
  color:#ff0000;
}

.archive-back{
  cursor:pointer;
  color:rgb(230,7,7);
  margin-bottom:12px;
  font-family:PixelPlay;
}

.archive-back:hover{
  text-decoration:underline;
}