.component-filelist .singleFile{border:1px solid rgba(34,34,34,.6666666667);border-radius:1em 1em 0 0;width:100%;height:5em;display:flex;flex-direction:column;flex-grow:1;justify-content:stretch;align-items:stretch;background-size:cover;background-position:center;background-image:linear-gradient(to right, #aab, #aab 20%, #eef 74%, #eef 75%)}.component-filelist .singleFile.status-waitaction{background-color:rgba(238,255,0,.2666666667)}.component-filelist .singleFile.status-done{background-color:rgba(68,238,68,.2666666667)}.component-filelist .singleFile.status-error{background-color:rgba(255,0,0,.2666666667)}.component-filelist .singleFile.status-waitaction,.component-filelist .singleFile.status-done,.component-filelist .singleFile.status-error{background-blend-mode:overlay}.component-filelist .singleFile .details{display:flex;flex-grow:1;justify-content:stretch;align-items:center;margin:.5em}.component-filelist .singleFile .details .status-icon{font-size:200%;background-color:rgba(255,255,255,.6);color:#111;border-radius:.2em;flex-grow:0}.component-filelist .singleFile .details .description{margin:0 1em;background-color:rgba(255,255,255,.6);color:#111;padding:.2em;border-radius:.2em}.component-filelist .singleFile .details .actions{list-style:none}.component-filelist .singleFile .details .actions,.component-filelist .singleFile .details .feedback{margin:0 .5em;flex-grow:1;display:flex;justify-content:flex-end;gap:.5em}.component-filelist .singleFile .details progress{width:6em;height:1.5em;margin:0 .5em}.component-filelist .singleFile .details .close-button{width:1.5em;height:1.5em}.component-filelist .singleFile .details .feedback{animation:feedback-animation 1.2s normal}@keyframes feedback-animation{0%{opacity:0}5%{opacity:1}80%{opacity:1}100%{opacity:0}}.component-filelist .singleFile .details .actions>li,.component-filelist .singleFile .details .close-button{color:#111;background-color:rgba(255,255,255,.6);padding:.2em;border-radius:.5em;box-shadow:2px 2px 2px 1px #000;cursor:pointer}.component-filelist .singleFile .details .actions>li:hover,.component-filelist .singleFile .details .close-button:hover{background-color:#eef}.component-filelist .singleFile .file-name{background-color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding-bottom:.2em}.component-filelist:not(.empty){padding:1em;display:flex;gap:1em;flex-direction:column}div.button,a.button{padding:.4em;background-color:#22f;color:#eef;border-radius:.2em;cursor:pointer;text-decoration:none;display:inline-block}div.button.disabled,a.button.disabled{opacity:.6;cursor:not-allowed}.form{margin:1em}.inputField{padding:.2em 0}input[type=text]{width:100%;padding:0 .4em;background-color:#eef;color:#111;height:2em}.component-dropzone div[role=presentation]{border:4px dashed rgba(34,34,34,.6666666667);border-radius:2em;padding:2em;text-align:center;margin:1em}.loaderHolder{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.loaderHolder .lds-grid{opacity:1;transition:opacity 300ms ease-in}.loaderHolder .lds-grid.preshot{opacity:0}@media(max-width: 767px){.widthHolder{width:100%}}@media(min-width: 768px){.widthHolder{max-width:50em;margin:0 auto;padding-top:1em}}.widthHolder>.header{text-align:center}.widthHolder>.content{background-color:#aab;color:#222;padding:.1em .6em}@media(min-width: 768px){.widthHolder>.content{border-radius:1em}}