.file-upload-wrap[data-v-b6644222]{position:relative}.file-upload-wrap .file-upload[data-v-b6644222]{cursor:pointer;background-color:#fff;border:1px solid #ccccccb3;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;display:flex}.file-upload-wrap .file-upload .actions[data-v-b6644222]{flex-direction:column;justify-content:space-between;width:40px;height:100%;margin:0;display:flex}.file-upload-wrap .file-upload svg.upload path[data-v-b6644222]{fill:#161617}.file-upload-wrap .file-upload p[data-v-b6644222]{color:#000;-webkit-user-select:none;user-select:none;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.file-upload-wrap .file-upload svg.upload[data-v-b6644222]{width:30px;min-width:30px;height:30px}.file-upload-wrap .file-upload.is-error[data-v-b6644222]{border-color:#ff3c35}.file-upload-wrap .file-upload.is-error svg.upload path[data-v-b6644222]{fill:#ff3c35!important}.file-upload-wrap .file-upload.loading[data-v-b6644222]{border-color:#ffc800}.file-upload-wrap .file-upload.loading svg.upload path[data-v-b6644222]{fill:#ffc800!important}.file-upload-wrap .file-upload p.error[data-v-b6644222]{color:#ff3c35;flex-basis:100%}.file-upload-wrap .file-upload p.loading[data-v-b6644222]{color:#ffc800;flex-basis:100%}.file-upload-wrap .file-upload.is-success[data-v-b6644222]{border-color:#5fbb46ab}.file-upload-wrap .file-upload.is-success svg.upload path[data-v-b6644222]{fill:#5fbb46ab}.file-upload-wrap .file-upload[data-v-b6644222]:hover{border-color:#ffc800}.file-upload-wrap .file-upload:hover svg.upload path[data-v-b6644222]{fill:#ffc800}.file-upload-wrap svg.remove[data-v-b6644222]{opacity:0;cursor:pointer;width:40px;height:40px;padding:12px;transition:all .1s ease-in-out;transform:translate(20px)}.file-upload-wrap svg.remove path[data-v-b6644222]{fill:#ff3c35}.file-upload-wrap svg.remove.active[data-v-b6644222]{opacity:1;transform:translate(0)}.file-upload-wrap svg.remove[data-v-b6644222]:hover{transform:rotate(-90deg)}.h-100[data-v-b6644222]{height:100%}.dark .file-upload-wrap .file-upload[data-v-b6644222]{background-color:#222224;border:1px solid #2f2f31;position:relative}.dark .file-upload-wrap .file-upload svg.upload path[data-v-b6644222]{fill:#aeaeb1}.dark .file-upload-wrap .file-upload p[data-v-b6644222]{color:#aeaeb1}.dark .file-upload-wrap .file-upload.is-error[data-v-b6644222]{border-color:#ffb7b5}.dark .file-upload-wrap .file-upload.is-error svg.upload path[data-v-b6644222]{fill:#ffb7b5}.dark .file-upload-wrap .file-upload.loading[data-v-b6644222]{border-color:#ffe380}.dark .file-upload-wrap .file-upload.loading svg.upload path[data-v-b6644222]{fill:#ffe380}.dark .file-upload-wrap .file-upload p.error[data-v-b6644222]{color:#ffb7b5}.dark .file-upload-wrap .file-upload.is-success[data-v-b6644222]{border-color:#ffc800}.dark .file-upload-wrap .file-upload.is-success svg.upload path[data-v-b6644222]{fill:#ffc800!important}.dark .file-upload-wrap svg.remove path[data-v-b6644222]{fill:#ff6d68}.file-upload .text[data-v-b6644222]{align-items:center;gap:20px;width:100%;padding:10px 0 10px 25px;display:flex}.file-upload .info-pop[data-v-b6644222]{transition:all .12s ease-in-out;border:none!important;margin:0!important}.file-upload .info-pop>div[data-v-b6644222]:first-child{width:40px;height:40px!important}.file-upload .info[data-v-b6644222]{cursor:pointer;width:40px;height:40px;padding:10px;margin-right:0!important}.file-upload .info:hover path[data-v-b6644222]{fill:#ffc800}.popper[data-v-b6644222],img[data-v-b6644222]{width:500px;max-width:100%}.info-pop{transition:all .12s ease-in-out;border:none!important;margin:0!important}.info-pop>div:first-child{width:40px;height:40px}@media (width<=700px){.pop-wrap{line-height:0}.info-pop{position:relative}.file-upload .popper{width:calc(100vw - 108px);min-width:270px;top:50px!important;left:auto!important;right:0!important;transform:translateZ(0)!important}}