.image-upload{min-width:0;margin-bottom:22px}.image-upload .field{margin-bottom:14px}.image-upload input[type=file]{width:100%;overflow:hidden}.image-upload-preview{display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:100px;padding:14px;border:1px solid var(--line);border-radius:10px;background-color:white;background-image:linear-gradient(45deg,#e8edf3 25%,transparent 25%),linear-gradient(-45deg,#e8edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8edf3 75%),linear-gradient(-45deg,transparent 75%,#e8edf3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-upload-preview img{display:block;max-width:100%;max-height:230px;object-fit:contain}.image-upload-state{margin:12px 0 6px;color:var(--muted);font-size:14px}.image-upload[data-pending=true] .image-upload-state{color:var(--accent);font-weight:600}.image-upload-meta{margin:0 0 12px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.image-upload-favicon .image-upload-preview{width:100px;min-height:100px}.image-upload-favicon .image-upload-preview img{width:32px;height:32px;object-fit:contain}.image-upload-logo .image-upload-preview img{max-height:100px}.image-upload .ui-notice{margin:12px 0}.image-upload .check{margin-bottom:0}.image-upload-avatar .image-upload-preview{width:112px;height:112px;min-height:112px;padding:0;border-radius:50%;overflow:hidden}.image-upload-avatar .image-upload-preview img{width:100%;height:100%;object-fit:cover}