.file-chip{flex-shrink:0;min-width:0;position:relative}.file-chip-face{border:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);background:color-mix(in srgb, var(--color-surface) 50%, transparent);max-width:224px;color:inherit;font:inherit;text-align:left;border-radius:16px;align-items:center;gap:8px;padding:6px 8px;transition:background .12s,border-color .12s;display:flex;box-shadow:inset 0 1px #ffffff2e}button.file-chip-face,a.file-chip-face{cursor:pointer;text-decoration:none}.file-chip:has(button.file-chip-face,a.file-chip-face):hover .file-chip-face{border-color:color-mix(in srgb, var(--color-text) 35%, transparent);background:var(--color-surface-hover)}.file-chip.is-error .file-chip-face{border-color:color-mix(in srgb, var(--color-bot-red) 45%, transparent)}.file-chip-thumb{flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;position:relative}.file-chip-icon{-webkit-user-select:none;user-select:none;width:100%;height:100%}.file-chip-overlay{background:color-mix(in srgb, var(--color-surface) 60%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:var(--color-text);place-items:center;display:grid;position:absolute;inset:0}.file-chip-overlay.is-error{background:color-mix(in srgb, var(--color-bot-red) 15%, transparent);color:var(--color-bot-red)}.file-chip-text{flex-direction:column;min-width:0;display:flex}.file-chip-text .attachment-name{color:color-mix(in srgb, var(--color-text) 90%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;line-height:16px;overflow:hidden}.file-chip-detail{color:color-mix(in srgb, var(--color-text-muted) 80%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:14px;overflow:hidden}.file-chip.is-error .file-chip-detail{color:color-mix(in srgb, var(--color-bot-red) 80%, transparent)}.file-chip-remove{border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);background:var(--color-surface);width:16px;height:16px;box-shadow:0 1px 2px color-mix(in srgb, var(--color-shadow) 10%, transparent);color:var(--color-text-muted);cursor:pointer;opacity:0;border-radius:999px;place-items:center;transition:opacity .12s;display:grid;position:absolute;top:-4px;right:-4px}.file-chip:hover .file-chip-remove,.file-chip-remove:focus-visible{opacity:1}.file-chip-remove:hover{background:var(--color-surface-hover);color:var(--color-text)}@media (hover:none){.file-chip-remove{opacity:1}}