.ts-root{width:100%;position:relative}.ts-trigger{text-align:left;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.625rem;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.375rem .625rem;transition:background-color .15s,border-color .15s;display:flex}.ts-trigger:hover{background:#eef0f4}.ts-trigger--open{background:#fff;border-color:#d1d5db}.dark .ts-trigger{background:#1f2937;border-color:#374151}.dark .ts-trigger--open{background:#111827}.ts-chips{flex-wrap:wrap;flex:1;align-items:center;gap:.375rem;min-width:0;display:flex}.ts-chip{background:var(--ts-accent);color:#fff;border-radius:9999px;align-items:center;gap:.25rem;max-width:12rem;padding:.125rem .5rem .125rem .625rem;font-size:.75rem;font-weight:500;line-height:1.25rem;display:inline-flex}.ts-chip>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ts-chip__remove{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.ts-chip__remove:hover{opacity:1;background:#00000026}.ts-chip__icon{width:.875rem;height:.875rem}.ts-chip--more{color:#4b5563;background:#e5e7eb;padding:.125rem .5rem}.dark .ts-chip--more{color:#d1d5db;background:#374151}.ts-chip--count{color:#fff;background:#4b5563;justify-content:center;min-width:1.5rem;font-weight:600}.dark .ts-chip--count{color:#111827;background:#9ca3af}.ts-placeholder{color:#6b7280;flex:1;padding:.25rem;font-size:.875rem}.ts-chevron{color:#6b7280;flex-shrink:0;width:1rem;height:1rem;transition:transform .2s}.ts-chevron--open{transform:rotate(180deg)}.ts-dropdown{z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;padding:.5rem;position:absolute;top:calc(100% + .375rem);left:0;right:0;box-shadow:0 10px 25px -5px #0000001a,0 4px 10px -3px #0000000d}.dark .ts-dropdown{background:#111827;border-color:#374151}.ts-search{margin-bottom:.5rem;position:relative}.ts-search__input{background:#fff;border:1px solid #e5e7eb;border-radius:9999px;width:100%;padding:.5rem .75rem .5rem 2rem;font-size:.875rem;box-shadow:0 1px 2px #0000000a}.ts-search__input:focus{border-color:var(--ts-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ts-accent) 25%, transparent);outline:none}.dark .ts-search__input{color:#fff;background:#1f2937;border-color:#374151}.ts-search__icon{color:#9ca3af;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.ts-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem .5rem;max-height:14rem;padding:.25rem;display:grid;overflow-y:auto}@media (width<=480px){.ts-options{grid-template-columns:1fr}}.ts-option{text-align:left;cursor:pointer;color:#374151;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;font-size:.875rem;display:flex}.ts-option:hover{background:#f3f4f6}.dark .ts-option{color:#e5e7eb}.dark .ts-option:hover{background:#1f2937}.ts-checkbox{background:#fff;border:1.5px solid #d1d5db;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;transition:background-color .15s,border-color .15s;display:inline-flex}.dark .ts-checkbox{background:#1f2937;border-color:#4b5563}.ts-checkbox--checked{background:var(--ts-accent);border-color:var(--ts-accent)}.ts-checkbox__icon{color:#fff;width:.75rem;height:.75rem}.ts-option__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ts-empty{text-align:center;color:#6b7280;padding:1rem;font-size:.8125rem}.ts-footer{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.5rem}.dark .ts-footer{border-color:#374151}.ts-create{width:100%;color:var(--ts-accent);cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.ts-create:hover{background:color-mix(in srgb, var(--ts-accent) 10%, transparent)}.ts-create:disabled{opacity:.7;cursor:progress}.ts-create__icon{width:1rem;height:1rem}.ts-create__icon--spin{animation:.8s linear infinite ts-spin}@keyframes ts-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}