.homepage-attachment-composer{position:relative}
.homepage-attachment-composer .composer-market{display:flex;align-items:flex-end;gap:10px}
.homepage-attachment-composer .composer-market .market-picker{order:-1}
.homepage-attachment-composer .home-attach{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:5px;border:0;border-radius:50%;background:#f3f3f3;color:#737373;flex:none}
.homepage-attachment-composer .home-attach:hover{background:#e9e9e9;color:#111}
.home-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}
.home-attachment{display:flex;align-items:center;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:10px;background:#fafafa}
.home-attachment-preview{display:flex;align-items:center;gap:10px;min-width:0;max-width:240px;padding:8px;border:0;background:transparent;text-align:left}
.home-attachment-thumbnail{display:block;width:36px;height:42px;flex:none;overflow:hidden;border-radius:4px;background:#fff}
.home-attachment-thumbnail :is(img,svg){width:100%;height:100%;object-fit:contain;display:block}
.home-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.home-attachment-remove{display:grid;place-items:center;width:28px;height:28px;min-height:28px;margin-right:6px;padding:5px;border:0;background:transparent;color:var(--muted);flex:none}
.home-attachment-remove .mui-icon{width:16px;height:16px}
.home-drop-hint{display:none;position:absolute;inset:0;z-index:3;align-items:center;justify-content:center;background:#fafafaf2;border:1px dashed #aaa;border-radius:inherit;color:#555;pointer-events:none}
.home-drag-over .home-drop-hint{display:flex}