.files-container {
    display              : grid;
    gap                  : 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.file-item {
    position         : relative;
    display          : inline-flex;
    align-items      : center;
    justify-content  : flex-start;
    padding          : 10px;
    width            : 100%;
    border-radius    : var(--rounded-default);
    border           : 1px solid var(--border);
    background-color : white;
}

.file-item img {
    width       : 40px;
    height      : auto;
    margin-right: 20px;
}

.file-item .file-item-infos {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    width          : 100%;
}

.file-item .file-name {
    font-weight: 500;
    color      : #212121 !important;
}

.file-item a.file-name:hover {
    color: #3372F0 !important;
}

.file-item .file-extension {
    color: #777777;
}

.file-item .file-actions {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.file-item .file-actions a {
    padding: 5px;
}

.is-draggable {
    cursor : grab;
}