body {
    background-color: #000000;
    background-image: linear-gradient(to bottom, #000000 0%,#262626 34%,#000000 100%);
    background-image: -webkit-linear-gradient(top, #000000 0%,#262626 34%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    color: #ffffff;
}
.bg-converter {
    background-color: #252729;
}
@supports (backdrop-filter: none) or (-webkit-backdrop-filter: none) {
    .bg-converter{
        background: radial-gradient(circle, rgba(38, 38, 38, 0.1) 60%, rgba(38, 38, 38, 0.4) 100%);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }
}
.waveforms {
    background-image: url(../images/waveforms_default.gif);
}
.download-process {
    background-image: url(../images/waveforms_default.gif);
}
.player--progress-waveform {
    width: 100%;
    background: radial-gradient(circle, rgba(255, 118, 0, 1) 70%, rgb(255 255 255 / 0% ) 100%);
}
.player {
    background: radial-gradient(circle, rgba(38, 38, 38, 0.1) 60%, rgba(38, 38, 38, 0.4) 100%);
}
.player__header {
    background: radial-gradient(circle, rgba(38, 38, 38, 0.1) 60%, rgba(38, 38, 38, 0.4) 100%);
}
.info-title span,
.info-sub-title span,
.info-location span {
    background-color: rgba(255, 118, 0, 1);
}