.label-field{padding-bottom:4px;font-size:14px;line-height:1}.upload-field-caption{padding-top:9px}.upload-field-caption .field-input{font-size:14px}.upload-max-width-50 .upload-field{max-width:50%}.upload-field{-webkit-user-select:none;user-select:none;width:100%;position:relative}.upload-field.with-label{padding-top:8px}.upload-field .label-wrap{justify-content:flex-end;width:100%;padding:2px 2px 18px 0;font-size:12px;line-height:1;display:flex;position:relative}.upload-field .label-wrap .close{width:32px;height:32px;position:absolute;top:-11px;left:-10px}.upload-field .label-wrap .close .icon{width:18px;height:18px}@media (hover:hover){.upload-field .label-wrap .close:hover .icon{fill:var(--red)}}.upload-field label{cursor:pointer;width:100%;position:relative}.upload-field{--border-radius:8px}.upload-field .upload-input{z-index:-1;opacity:0;background:#fff0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-field .placeholder{aspect-ratio:210/297;width:100%;aspect-ratio:var(--aspect-ratio,210 / 297);border:1px dashed #bfbfbf;border:1px dashed var(--gray-medium);border-radius:var(--border-radius);background-color:#fff;background-color:var(--white);transition:background-color .24s}.upload-field .placeholder .upload-icon{will-change:transform;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .24s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-field .placeholder .upload-icon.download{background-color:#00ff29;background-color:var(--green);border-radius:50%;width:52px;height:52px;padding:10px 9px 10px 11px}.upload-field .placeholder .upload-icon .icon{transition:widht .24s,height .24s}.upload-field .placeholder .infos{flex-direction:column;gap:16px;width:calc(100% - 30px);display:flex;position:absolute;bottom:14px;left:17px}.upload-field .placeholder .infos .upload-icon{position:relative;top:12px;left:9px}.upload-field .placeholder .specs{gap:12px;display:flex}.upload-field .placeholder .upload-specs-table{font-size:12px;line-height:1.16667}.upload-field .placeholder .upload-specs-table td{vertical-align:top;padding:0}.upload-field .placeholder .upload-specs-table td:first-child{white-space:nowrap;width:1%;padding-right:12px}.upload-field.short-specs .upload-specs-table,.upload-field.short-specs .upload-specs-table tr,.upload-field.short-specs .upload-specs-table tr:first-child,.upload-field.short-specs .upload-specs-table tr:first-child td:first-child{display:block}.upload-field.short-specs .upload-specs-table td:first-child{padding-right:4px}.upload-field.wait .icon{width:24px;height:24px}.upload-field.wait .placeholder{background-color:#fff;background-color:var(--white)}.upload-field.wait label .image img,.upload-field.wait label .photo img,.upload-field.wait label .media img,.upload-field.wait label .image video,.upload-field.wait label .photo video,.upload-field.wait label .media video{border-radius:var(--border-radius);opacity:.2}.upload-field .image,.upload-field .photo,.upload-field .media{z-index:1;width:100%;position:relative}.upload-field .image img,.upload-field .photo img,.upload-field .media img,.upload-field .image video,.upload-field .photo video,.upload-field .media video{background-color:#fff;width:100%;height:auto;transition:opacity .24s}.upload-field.with-image label .placeholder{background-color:#fff;background-color:var(--white)}.upload-field.with-image.file-ready label .placeholder{position:absolute;top:0;left:0}.upload-field.with-image.image-loaded label .placeholder{border:0}.upload-field.with-image.image-loaded img,.upload-field.with-image.image-loaded video{outline:.5px solid #eeeeeb;outline:.5px solid var(--gray-light)}.upload-field.dropping .image,.upload-field.dropping .photo,.upload-field.dropping .media{outline:2px solid #4d96f9;outline:2px solid var(--color-line-hover);border-radius:var(--border-radius)}.upload-field.dropping .image img,.upload-field.dropping .photo img,.upload-field.dropping .media img,.upload-field.dropping .image video,.upload-field.dropping .photo video,.upload-field.dropping .media video{opacity:.15;border-radius:var(--border-radius)}.upload-field.dropping .placeholder{border:2px solid #4d96f9;border:2px solid var(--color-line-hover)}.upload-field.type-document .document,.upload-field.type-document .placeholder{aspect-ratio:21/29.7;width:100%}.upload-field.type-document .upload-success-icon{background-color:#00ff29;background-color:var(--green);border-radius:50%;padding:10px 9px 10px 11px}.upload-field.type-video .document,.upload-field.type-video .placeholder{aspect-ratio:4/3;aspect-ratio:var(--aspect-ratio,4 / 3)}.upload-field.type-video .upload-success-icon{background-color:#00ff29;background-color:var(--green);border-radius:50%;padding:10px 9px 10px 11px}.upload-field .document{z-index:1;background-color:#fff;background-color:var(--white);border-radius:var(--border-radius);border:1px solid #eeeeeb;border:1px solid var(--gray-light);justify-content:center;align-items:center;display:flex;position:absolute}.upload-field.type-print,.upload-field.type-print .document,.upload-field.type-print .placeholder{aspect-ratio:21/29.7;width:100%}.upload-field.type-print .upload-success-icon{background-color:#00ff29;background-color:var(--green);border-radius:50%;padding:10px 9px 10px 11px}@media (hover:hover){.upload-field.with-replace label:hover .image img,.upload-field.with-replace label:hover .photo img,.upload-field.with-replace label:hover .media img,.upload-field.with-replace label:hover .image video,.upload-field.with-replace label:hover .photo video,.upload-field.with-replace label:hover .media video{opacity:.15;border-radius:var(--border-radius)}.upload-field.with-replace label:hover .document{opacity:0}.upload-field.with-replace label:hover .placeholder{border:2px solid #4d96f9;border:2px solid var(--color-line-hover)}.upload-field.with-replace label:hover .placeholder .upload-icon{transform:translate(-50%,-65%)}.upload-field.with-replace.with-image label .placeholder:hover{background-color:#fff;background-color:var(--white)}.upload-field.with-replace.with-image label:hover .image,.upload-field.with-replace.with-image label:hover .photo,.upload-field.with-replace.with-image label:hover .media{border-radius:var(--border-radius);outline:2px solid #4d96f9;outline:2px solid var(--color-line-hover)}.upload-field.with-replace.with-image label:hover .placeholder{border:0}.upload-field.with-replace.with-image label:hover .upload-icon{transform:translate(-50%,-50%)}.upload-field.with-replace.type-document label:hover .placeholder .upload-icon{transform:translate(-50%,-65%)}}.upload-field.disabled *{pointer-events:none}