body {
}

.agora-file-uploader{
    background:#DDD;
    display:block;
    max-width:340px;
}

.agora-file-uploader input{display:none;}
.agora-file-uploader label{display:block;cursor:pointer;}
.agora-file-uploader label[for$="__FILE"]:after {content:attr(data-text);}
.agora-file-uploader .item{display:block;}
.agora-file-uploader .progress{display:none;position:relative;}
.agora-file-uploader.is-busy .progress{display:block;}
.agora-file-uploader .progress .progress-bar{display:block;height:3px;background:red;transition:0.3s all ease-in-out;}
.agora-file-uploader .progress .progress-bar:after{content:attr(data-value);position:absolute;right:0;bottom:0;color:red;font-size:0.6rem;padding:2px;}

.agora-file-uploader .items-context>label>b{display:inline-block;}
.agora-file-uploader .items-context>label>i:before{content: "\e90f";display: inline-block;font-family: "agorafonts";font-feature-settings: "liga";font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 0;text-transform: none;word-wrap: normal;vertical-align: middle;}
.agora-file-uploader .items-context>label>i{padding: 0;margin: 0;display: inline-block;width: 24px;height: 24px;text-align: center;line-height: 24px;background: rgba(0,0,0,0.02);border-radius: 50%;margin-left: 4px;border: 1px solid rgba(0,0,0,0.02);}