.folder-name {
    border-radius: 10px;

    font-weight: bolder;
    color: white;
}
.folder-name .folderText p:nth-child(1) {
    white-space: nowrap;
    /* Prevent text from wrapping to the next line */
    overflow: hidden;
    /* Hide the overflowing content */
    text-overflow: ellipsis;
}
.folder-name .folderText p:nth-child(2) {
    font-size: 10px;
    margin-top: 20px;
}
.folder-name .material-icons {
    font-size: 40px;
}
.folder-name .folderIcon .material-icons {
    font-size: 20px;
    width: fit-content;
    cursor: pointer;
}
.folder-name .folderIcon .material-icons:nth-child(2){
    margin-top: 30px;
}
.skeleton{
    width: 100%;
    padding: 50px;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  margin-top: 30px;
}
.skeleton {
    animation: skeleton-loading1 1s linear infinite alternate;
  }
  
  @keyframes skeleton-loading1 {
    0% {
      background-color: hsl(0, 0%, 57%);
    }
    100% {
      background-color: hsl(0, 0%, 81%);
    }
  }
  #foldercontent{
    display: none;
  }