.file-uploader{margin-bottom:1rem}.file-uploader-area{position:relative;border:1px dashed #c2c2c2;background:#f5f5f5;padding:20px;margin-bottom:10px;border-radius:2px}.file-uploader-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-uploader-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.file-uploader-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.file-uploader-preview-item{position:relative;border:1px solid #e3e3e3;background:#fff;padding:8px;border-radius:3px;width:calc(25% - 8px);min-width:150px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;flex-direction:column;margin-bottom:0}.file-uploader-preview-image{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:5px;overflow:hidden}.file-uploader-preview-image img{max-width:100%;max-height:100px;display:block;object-fit:contain}.file-uploader-preview-document{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.file-uploader-preview-document .file-icon{width:35px;height:45px;background:#f0f0f0;border:1px solid #d1d1d1;position:relative;display:block}.file-uploader-preview-document .file-icon:before{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent #d1d1d1 transparent transparent}.file-uploader-preview-info{display:flex;flex-direction:column;padding-bottom:18px;flex:1}.file-uploader-preview-label{font-weight:600;margin-bottom:3px;word-break:break-all;font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-uploader-preview-size{color:#666;font-size:.75em}.file-uploader-preview-actions{position:absolute;bottom:6px;right:6px}.file-uploader-preview-actions .action-remove{background:0 0;border:none;color:#ff5501;text-decoration:underline;padding:0;font-size:.8em;cursor:pointer}.file-uploader-preview-actions .action-remove:hover{color:#cf4400;text-decoration:none}.file-uploader-spinner{display:flex;align-items:center;margin-top:10px}.file-uploader-spinner .spinner{display:inline-block;width:18px;height:18px;margin-right:10px;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIj48cGF0aCBmaWxsPSIjMTk3OWMzIiBkPSJNNDMuOTM1IDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4My0xMC4zMTggMC0xOC42ODMgOC4zNjUtMTguNjgzIDE4LjY4M2g0LjA2OGMwLTguMDIyIDYuNTkzLTE0LjYxNSAxNC42MTUtMTQuNjE1czE0LjYxNSA2LjU5MyAxNC42MTUgMTQuNjE1SDQzLjkzNXoiPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0ieG1sIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAyNSAyNSIgdG89IjM2MCAyNSAyNSIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgo8L3BhdGg+PC9zdmc+') no-repeat;background-size:contain}.file-uploader-info{font-size:.9em;color:#666}@media (max-width:992px){.file-uploader-preview-item{width:calc(33.333% - 8px)}}@media (max-width:768px){.file-uploader-preview-item{width:calc(50% - 5px)}}@media (max-width:480px){.file-uploader-preview-item{width:100%}}