.hapio-rimg{margin-top:10px}.hapio-rimg__grid{display:flex;flex-wrap:wrap;gap:8px}.hapio-rimg__thumb{position:relative;width:68px;height:68px;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#f1f5f9;flex:0 0 auto}.hapio-rimg__thumb.is-error{border-color:#fecaca}.hapio-rimg__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hapio-rimg__spin{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);color:#fff}.hapio-rimg__err{left:4px;bottom:4px;width:18px;height:18px;background:#dc2626;font-size:12px;font-weight:700;place-items:center}.hapio-rimg__err,.hapio-rimg__x{position:absolute;border-radius:999px;color:#fff;display:grid}.hapio-rimg__x{top:3px;right:3px;width:20px;height:20px;border:0;background:rgba(15,23,42,.62);cursor:pointer;place-items:center;padding:0}.hapio-rimg__x:hover{background:rgba(15,23,42,.85)}.hapio-rimg__add{width:68px;height:68px;border-radius:10px;border:1px dashed #cbd5e1;background:#fff;color:#64748b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;font-family:inherit}.hapio-rimg__add:hover{border-color:#94a3b8;color:#334155;background:#f8fafc}.hapio-rimg__hint{margin-top:6px;font-size:12px;color:#94a3b8;line-height:1.4}:root[data-css-theme=dark] .hapio-rimg__thumb{border-color:#334155;background:#1e293b}:root[data-css-theme=dark] .hapio-rimg__add{background:#0f172a;border-color:#334155;color:#94a3b8}:root[data-css-theme=dark] .hapio-rimg__add:hover{background:#1e293b;color:#cbd5e1}:root[data-css-theme=dark] .hapio-rimg__hint{color:#64748b}