.fileicon {
    width: 50px;
    height: 50px;
    margin-bottom: 1.5rem;
}

.folderbackicon {
    width: 36px;
    height: 36px;
    margin-bottom: 1.5rem;
}

.tx-filelist {
    font-size: 0.7rem;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


@media (min-width: 100px) {
    .grid-cols-files {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-cols-folders {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .grid-cols-files {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .grid-cols-folders {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (min-width: 1200px) {
    .grid-cols-files {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .grid-cols-folders {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}





.grid {
    display: grid;
}

.gap-4 {
    gap: 1rem;
}