#ecd-viewer-upload { transition: opacity 0.2s; }
#ecd-viewer-upload.loaded { opacity: 1!important; }
#ecd-viewer-send { margin-bottom: 0; }
#ecd-viewer-output { margin-top: 24px; }

#ecd-headers-base64 { display: none; }
#ecd-report-cheats .founds-path { display: none; }

#ecd-viewer-carousel { display: flex; overflow-x: auto; white-space: nowrap; gap: 8px; padding: 4px 0 12px 0; }

.filepond--drop-label { color: var(--nn-grey); }
.filepond--panel-root { cursor:pointer; background-color: var(--nn-black); border: 1px solid var(--nn-border-black); border-radius: 0; transition: all 0.2s; }
.filepond--root:hover .filepond--panel-root { opacity: 0.7; }
.filepond--drip-blob { background-color: var(--nn-grey); }

.filepond--hopper { transition: all 0.2s; }
.filepond--hopper[data-hopper-state='drag-over'] { box-shadow: 0px 0 12px 0 #0084df; }

.filepond--file { color: white; }
.filepond--item-panel { border-radius: 0; background-color: #555; }
[data-filepond-item-state*='error'] .filepond--item-panel, [data-filepond-item-state*='invalid'] .filepond--item-panel { background-color: var(--nn-danger); }
[data-filepond-item-state='processing-complete'] .filepond--item-panel { background-color: var(--nn-success); }