.composer-reference-list{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:12px 16px 0;display:flex}.composer-reference-list .composer-reference-chip{box-sizing:border-box;border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);min-width:0;max-width:min(300px,100%);height:36px;color:var(--color-text);font:400 12px/1.4 var(--font-sans,sans-serif);border-radius:8px;flex:0 auto;align-items:center;display:inline-flex;overflow:hidden}.composer-reference-chip .composer-reference-content{min-width:0;height:100%;color:inherit;font:inherit;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;flex:1;align-items:center;gap:7px;margin:0;padding:0 8px;display:flex}.composer-reference-chip .composer-reference-kind{color:var(--color-text-muted);white-space:nowrap;flex:none;font-size:11px}.composer-reference-chip .composer-reference-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.composer-reference-chip img{object-fit:cover;border-radius:4px;flex:none;width:26px;height:26px}.composer-reference-chip .composer-reference-remove{width:30px;height:32px;min-height:0;box-shadow:none;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 30px;place-items:center;margin:0;padding:0;display:grid}.composer-reference-chip .composer-reference-remove svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px}.composer-reference-chip button:hover{background:var(--color-surface-muted)}.composer-reference-chip button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.composer-image-attachments{flex-wrap:wrap;align-content:flex-start;gap:10px;max-width:100%;padding:12px 16px 0;display:flex}.composer-image-attachment{width:56px;height:56px;color:var(--color-text);border-radius:12px;flex:none;position:relative}.composer-image-attachment>span{border-radius:inherit;background:var(--color-surface-muted);place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.composer-image-attachment img{object-fit:cover;width:100%;height:100%}.composer-image-attachment>button{background:var(--color-overlay-strong);width:18px;min-width:18px;height:18px;min-height:0;color:var(--color-overlay-text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:3px;right:3px}.composer-image-attachment>button svg{stroke-width:2.2px;width:11px;height:11px}@media (hover:hover){.composer-image-attachment>button{opacity:0}.composer-image-attachment:is(:hover,:focus-within)>button{opacity:1}}