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