.file-uploader-wrapper{background:var(--background-color);cursor:pointer;word-break:break-all;flex-direction:column;justify-content:center;padding:10px;transition:all .3s;display:flex;position:relative}.file-uploader-wrapper .preview{z-index:2;background:var(--background-color) center center no-repeat;opacity:.5;background-size:contain;position:absolute;inset:0}.file-uploader-wrapper .file-name{z-index:1;align-items:center;font-size:11px;display:flex;overflow:auto}.file-uploader-wrapper .content-label{z-index:2;border:1px dashed #d3d3d3;border-radius:8px;flex-direction:column;place-content:center;align-items:center;gap:5px;height:100%;padding:15px;font-size:12px;transition:all .4s;display:flex}.file-uploader-wrapper .content-label:hover{background:var(--background-color);border-color:var(--primary-color)}.file-uploader-wrapper.small{background:0 0;border:none;border-radius:4px;min-height:20px;padding:0}.file-uploader-wrapper.small .content-label{border-radius:10px;flex-direction:row;padding:8px 20px;display:flex}.file-uploader-wrapper.warning{background:#ffe4a3}.file-uploader-wrapper.success{border-color:#98e18e}.file-uploader-wrapper.error{border-color:#ff9292}@keyframes previewFadeIn{0%{opacity:0;transform:scale(.4)}to{opacity:.4;transform:scale(1)}}