.tag-input{display:flex;flex-direction:column;row-gap:6px}.tag-input .tag-input-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:7px 10px;border:1.5px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:var(--input-normal-rounded);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.tag-input .tag-input-box:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.tag-input .tag-input-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent)}.tag-input .tag-input-box input{flex:1;min-width:120px;padding:4px;border:none;outline:none;background:rgba(0,0,0,0);font-size:.9375rem;color:var(--color-foreground)}.tag-input .tag-input-box input::placeholder{color:#9a9aab}.tag-input .tag-input-box input:disabled{cursor:not-allowed}.tag-input .tag-input-chip{display:inline-flex;align-items:center;column-gap:4px;padding:4px 6px 4px 11px;border-radius:9999px;background:var(--color-soft);font-size:.8125rem;font-weight:600;color:var(--color-primary);animation:tag-input-pop .18s ease}.tag-input .tag-input-chip button{display:grid;place-items:center;width:18px;height:18px;border-radius:9999px;transition:background-color .2s ease,color .2s ease}.tag-input .tag-input-chip button:hover:not(:disabled){background:var(--color-accent);color:#fff}@keyframes tag-input-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}