$file-uploading-row-hover-color: #eee !default;

adf-file-uploading-list-row:not(:first-child) {
    display: block;
    border-top: 1px solid var(--adf-theme-foreground-text-color-014);
}

.adf-file-uploading-row {
    display: flex;
    align-items: center;
    padding: 0.3em 1em;
    cursor: default;

    &:hover {
        background: $file-uploading-row-hover-color;
    }

    &__name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1 1 auto;
        padding: 0 1em 0 0.5em;
    }

    .adf-file-uploading-row__group,
    .adf-file-uploading-row__block,
    .adf-file-uploading-row__file-version {
        min-width: 100px;
        display: flex;
        justify-content: flex-end;
        line-height: 40px;
        height: 40px;
        align-items: center;
        padding: 0 12px;
    }

    &__group--toggle {
        cursor: pointer;
        display: flex;
        align-items: center;
        height: 40px;
        line-height: 40px;
    }

    &__status--done {
        color: var(--theme-accent-color);
    }

    &__status--error {
        color: var(--theme-warn-color);
        padding: 0 12px;
    }

    &__action--cancel {
        color: var(--theme-warn-color);
    }

    &__action--remove {
        color: var(--theme-warn-color);
    }
}