.digages-file-upload { width:100%; margin-top:8px; color:#2c3338; }
.digages-file-upload *, .digages-file-upload *::before, .digages-file-upload *::after { box-sizing:border-box; }
.digages-file-upload__chooser { min-height:62px; display:grid!important; grid-template-columns:28px auto 1fr; align-items:center; gap:10px; width:100%; margin:0!important; padding:14px 18px!important; border:1px dashed #d5d9e0; border-radius:8px; background:#f8f9fa; color:#252a31!important; cursor:pointer; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.digages-file-upload__chooser:hover, .digages-file-upload.is-dragging .digages-file-upload__chooser { border-color:#533582; background:#f7f4fb; box-shadow:0 0 0 3px rgba(83,53,130,.08); }
.digages-file-upload__chooser input { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important; opacity:0!important; }
.digages-file-upload__chooser svg { width:23px; height:23px; fill:none; stroke:#68707c; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.digages-file-upload__chooser strong { color:#252a31; font-size:14px; font-weight:600; line-height:20px; }
.digages-file-upload__chooser > span { justify-self:end; color:#737b88; font-size:12px; line-height:18px; white-space:nowrap; }
.digages-file-upload__file { grid-template-columns:72px minmax(0,1fr) 34px; align-items:center; gap:15px; min-height:86px; margin:0 0 13px; padding:8px 3px; }
.digages-file-upload__file:not([hidden]) { display:grid; }
.digages-file-upload__preview { width:72px; height:72px; display:grid; place-items:center; overflow:hidden; border:1px solid #e0e3e8; border-radius:7px; background:#eef1f5; color:#69717c; font-size:10px; font-weight:700; }
.digages-file-upload__preview img { width:100%; height:100%; display:block; object-fit:cover; }
.digages-file-upload__details { min-width:0; display:flex; flex-direction:column; gap:8px; }
.digages-file-upload__details strong { display:block; overflow:hidden; color:#2c3338; font-size:14px; font-weight:500; line-height:20px; text-overflow:ellipsis; white-space:nowrap; }
.digages-file-upload__details small { color:#8a929e; font-size:12px; line-height:16px; }
.digages-file-upload__progress { width:100%; height:7px; display:block; overflow:hidden; border-radius:999px; background:#dedfe3; }
.digages-file-upload__progress i { width:0; height:100%; display:block; border-radius:inherit; background:#4056e8; transition:width .18s ease; }
.digages-file-upload__remove { width:34px; height:34px; display:grid; place-items:center; padding:5px!important; border:0!important; background:transparent!important; color:#737a83!important; cursor:pointer; box-shadow:none!important; }
.digages-file-upload__remove:hover { color:#b42318!important; }
.digages-file-upload__remove svg { grid-area:1/1; width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.digages-file-upload__cancel-icon { display:none; }
.digages-file-upload.is-uploading .digages-file-upload__cancel-icon { display:block; }
.digages-file-upload.is-uploading .digages-file-upload__trash-icon { display:none; }
.digages-file-upload__error { margin:7px 0 0!important; color:#b42318!important; font-size:12px!important; line-height:18px!important; }
@media (max-width:480px) {
    .digages-file-upload__chooser { grid-template-columns:25px 1fr; padding:12px 14px!important; }
    .digages-file-upload__chooser > span { grid-column:2; justify-self:start; }
    .digages-file-upload__file { grid-template-columns:58px minmax(0,1fr) 32px; gap:10px; }
    .digages-file-upload__preview { width:58px; height:58px; }
}