.files-dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 16px;border:1px dashed var(--color-gray-light);border-radius:20px;position:relative;cursor:pointer;margin-bottom:16px;z-index:0;transition:background-color 300ms ease}.files-dropzone:hover{background-color:var(--bg-color);transition:background-color 300ms ease}.files-dropzone .files-clear-all{position:absolute;top:10px;right:10px;color:var(--color-gray);z-index:1}.files-dropzone .files-clear-all:hover{color:var(--color-main)}.files-dropzone .ic-add-round-light{font-size:34px;font-weight:100}.files-dropzone .file-input-name{font-size:14px;font-style:normal;text-align:center;font-weight:600;line-height:150%;margin-bottom:8px}.files-dropzone .file-input-description{font-size:12px;text-align:center;font-style:normal;font-weight:500;line-height:120%;color:var(--color-gray)}.files-input{position:absolute;left:-9999px;opacity:0;width:1px;height:1px}.files-previews .file-card{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;border:1px solid var(--color-gray-light);margin-bottom:10px}.files-previews .file-card .file-content{display:flex;align-items:center;flex-grow:1;width:90%}.files-previews .file-card .file-content .ic{font-size:14px;color:var(--color-gray);margin-right:6px}.files-previews .file-card .file-remove-btn{color:var(--color-main);height:20px;width:20px;border-radius:50%;padding:3px;background-color:var(--color-gray-light)}.files-previews .file-card .file-remove-btn .ic{font-size:14px}.files-previews .file-card .file-remove-btn:hover{background-color:var(--color-gray)}.files-previews .file-card .file-name{font-size:12px;font-weight:500;color:var(--color-main);margin-right:10px;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width: 768px){.files-dropzone{padding:48px}.files-previews{display:grid;grid-template-columns:repeat(6, 1fr);gap:12px;width:100%}.files-previews .file-card{position:relative;width:100%}.files-previews .file-card .file-content{flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;width:100%}.files-previews .file-card .file-name{white-space:pre-wrap;line-height:1;margin-top:10px;overflow-wrap:anywhere}.files-previews .file-card .file-remove-btn{position:absolute;top:6px;right:6px}}/*# sourceMappingURL=file-input.css.map */