.chip-input{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--nt-space-1, 4px);min-height:40px;padding:var(--nt-space-1, 4px) var(--nt-space-2, 8px);border:1px solid var(--nt-color-border);border-radius:var(--nt-radius, 6px);background:var(--nt-color-background);cursor:text}.chip-input:focus-within{outline:2px solid var(--nt-color-accent);outline-offset:1px}.chip-input-chips{display:contents;margin:0;padding:0;list-style:none}.chip-input-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:2px 4px 2px 10px;border-radius:999px;background:color-mix(in srgb,var(--nt-color-accent) 14%,transparent);color:var(--nt-color-foreground);font-size:var(--nt-text-sm);overflow-wrap:anywhere}.chip-input-chip--invalid{background:color-mix(in srgb,var(--nt-color-danger) 16%,transparent);text-decoration:underline wavy var(--nt-color-danger)}.chip-input-remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:999px;background:transparent;color:var(--nt-color-muted-foreground);font-size:var(--nt-text-base);line-height:1;cursor:pointer}.chip-input-remove:hover,.chip-input-remove:focus-visible{background:color-mix(in srgb,var(--nt-color-foreground) 10%,transparent);color:var(--nt-color-foreground)}.chip-input-text{flex:1 1 10rem;min-width:8rem;border:0;background:transparent;color:var(--nt-color-foreground);font:inherit}.chip-input-text:focus-visible{outline:2px solid transparent}.chip-input-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;margin:0;padding:4px;list-style:none;border:1px solid var(--nt-color-border);border-radius:var(--nt-radius, 6px);background:var(--nt-color-background);box-shadow:0 8px 24px color-mix(in srgb,var(--nt-color-foreground) 14%,transparent)}.chip-input-option{padding:6px 10px;border-radius:var(--nt-radius-sm);font-size:var(--nt-text-sm);cursor:pointer}.chip-input-option:hover,.chip-input-option[aria-selected=true]{background:color-mix(in srgb,var(--nt-color-accent) 12%,transparent)}