.media-dropzone-field{margin-bottom:25px}.media-dropzone-wrapper{width:100%}.media-dropzone-root{cursor:pointer;text-align:center;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:25px 15px;transition:all .3s;display:flex}.media-dropzone-root:hover{border-color:var(--primary-color,#4a76c980);background:#4a76c90d}.media-dropzone-root.has-error{border-color:#ff5630}.media-dropzone-root:focus{outline:none}.media-dropzone-text{color:#fff9;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.media-dropzone-icon{color:var(--primary-color);font-size:24px}.media-dropzone-hint{color:var(--primary-color);text-decoration:underline}.media-dropzone-note{color:#ffffff80;margin:8px 0 0;font-size:12px}.media-dropzone-error{color:#ff5630;margin:8px 0 0;font-size:12px}.media-dropzone-file-preview{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.file-preview-icon{color:var(--primary-color);flex-shrink:0;font-size:22px}.file-preview-name{color:#ffffffe6;word-break:break-all;flex:1;font-size:14px}.file-preview-remove{cursor:pointer;color:#fff9;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.file-preview-remove:hover{color:#ff5630}.file-preview-remove svg{font-size:22px}