.t3-filelist-container {
    .resource-tiles-container {
        .resource-tile {
            &[data-filelist-name$=".aiff"],
            &[data-filelist-name$=".aif"],
            &[data-filelist-name$=".alac"],
            &[data-filelist-name$=".amr"],
            &[data-filelist-name$=".au"],
            &[data-filelist-name$=".caf"],
            &[data-filelist-name$=".flac"],
            &[data-filelist-name$=".m4a"],
            &[data-filelist-name$=".mid"],
            &[data-filelist-name$=".midi"],
            &[data-filelist-name$=".mp3"],
            &[data-filelist-name$=".ogg"],
            &[data-filelist-name$=".opus"],
            &[data-filelist-name$=".pcm"],
            &[data-filelist-name$=".snd"],
            &[data-filelist-name$=".wav"],
            &[data-filelist-name$=".wma"] {
                button {
                    span.resource-tile-image {
                        &::after {
                            content: '';
                            display: block;
                            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="grey" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"><path d="M11 11a5 5 0 0 1 0 6"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M4 6.765V4a2 2 0 0 1 2-2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-.93-.23"/><path d="M7 10.51a.5.5 0 0 0-.826-.38l-1.893 1.628A1 1 0 0 1 3.63 12H2.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.129a1 1 0 0 1 .652.242l1.893 1.63a.5.5 0 0 0 .826-.38z"/></svg>');
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: auto;
                            height: 64px;
                            width: 64px;
                        }

                        img {
                            display: none;
                        }
                    }
                }
            }

            &[data-filelist-name$=".mp4"],
            &[data-filelist-name$=".webm"] {
                button {
                    span.resource-tile-image {
                        &::after {
                            content: '';
                            display: block;
                            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="grey" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><rect width="8" height="6" x="2" y="12" rx="1"/><path d="m10 13.843 3.033-1.755a.645.645 0 0 1 .967.56v4.704a.645.645 0 0 1-.967.56L10 16.157"/></svg>');
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: auto;
                            height: 64px;
                            width: 64px;
                        }

                        img {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    table#typo3-filelist {
        tr {
            &[data-filelist-name$=".aiff"],
            &[data-filelist-name$=".aif"],
            &[data-filelist-name$=".alac"],
            &[data-filelist-name$=".amr"],
            &[data-filelist-name$=".au"],
            &[data-filelist-name$=".caf"],
            &[data-filelist-name$=".flac"],
            &[data-filelist-name$=".m4a"],
            &[data-filelist-name$=".mid"],
            &[data-filelist-name$=".midi"],
            &[data-filelist-name$=".mp3"],
            &[data-filelist-name$=".ogg"],
            &[data-filelist-name$=".opus"],
            &[data-filelist-name$=".pcm"],
            &[data-filelist-name$=".snd"],
            &[data-filelist-name$=".wav"],
            &[data-filelist-name$=".wma"] {
                td.col-title {
                    &::after {
                        content: '';
                        display: block;
                        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="grey" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"><path d="M11 11a5 5 0 0 1 0 6"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M4 6.765V4a2 2 0 0 1 2-2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-.93-.23"/><path d="M7 10.51a.5.5 0 0 0-.826-.38l-1.893 1.628A1 1 0 0 1 3.63 12H2.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.129a1 1 0 0 1 .652.242l1.893 1.63a.5.5 0 0 0 .826-.38z"/></svg>');
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: auto;
                        height: 64px;
                        width: 64px;
                    }

                    img {
                        display: none;
                    }
                }
            }

            &[data-filelist-name$=".mp4"],
            &[data-filelist-name$=".webm"] {
                td.col-title {
                    &::after {
                        content: '';
                        display: block;
                        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="grey" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><rect width="8" height="6" x="2" y="12" rx="1"/><path d="m10 13.843 3.033-1.755a.645.645 0 0 1 .967.56v4.704a.645.645 0 0 1-.967.56L10 16.157"/></svg>');
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: auto;
                        height: 64px;
                        width: 64px;
                    }

                    img {
                        display: none;
                    }
                }
            }
        }
    }
}

table#typo3-filelist {
    tr.upload-queue-item {
        td.col-title {
            width: auto;
        }
    }
}