.sp-combobox{--sp-combobox-border:#d6dde8;--sp-combobox-border-strong:#94a3b8;--sp-combobox-surface:#fff;--sp-combobox-surface-hover:#f1f5f9;--sp-combobox-surface-active:#e0e7ff;--sp-combobox-text:#0f172a;--sp-combobox-muted:#64748b;--sp-combobox-accent:#4f46e5;--sp-combobox-shadow:0 12px 24px -8px rgba(15,23,42,.18),0 4px 8px -2px rgba(15,23,42,.08)}.sp-combobox-trigger{display:inline-flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--sp-combobox-border);border-radius:.375rem;background:var(--sp-combobox-surface);color:var(--sp-combobox-text);padding:.3125rem .5rem;font:inherit;font-size:.875rem;line-height:1.25rem;text-align:left;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.sp-combobox-trigger:hover:not(:disabled){background:var(--sp-combobox-surface-hover)}.sp-combobox-trigger:focus-visible{outline:none;border-color:var(--sp-combobox-accent);box-shadow:0 0 0 2px rgba(79,70,229,.25)}.sp-combobox-trigger:disabled{cursor:not-allowed;opacity:.55}.sp-combobox-trigger__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-combobox-trigger__placeholder{color:var(--sp-combobox-muted)}.sp-combobox-trigger__chevron{flex:0 0 auto;opacity:.55;font-size:.75rem;line-height:1}.sp-combobox-popup{display:flex;flex-direction:column;border:1px solid var(--sp-combobox-border-strong);border-radius:.5rem;background:var(--sp-combobox-surface);color:var(--sp-combobox-text);box-shadow:var(--sp-combobox-shadow);overflow:hidden}.sp-combobox-popup__search{flex:0 0 auto;border-bottom:1px solid var(--sp-combobox-border);padding:.5rem;background:var(--sp-combobox-surface)}.sp-combobox-popup__search input{width:100%;border:1px solid var(--sp-combobox-border);border-radius:.375rem;padding:.375rem .5rem;font:inherit;font-size:.875rem;line-height:1.25rem;color:var(--sp-combobox-text);background:var(--sp-combobox-surface)}.sp-combobox-popup__search input:focus{outline:none;border-color:var(--sp-combobox-accent);box-shadow:0 0 0 2px rgba(79,70,229,.25)}.sp-combobox-popup__list{flex:1 1 auto;overflow-y:auto;padding:.25rem 0;scrollbar-width:thin}.sp-combobox-popup__option{display:flex;align-items:baseline;gap:.75rem;justify-content:space-between;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-combobox-popup__option:hover{background:var(--sp-combobox-surface-hover)}.sp-combobox-popup__option--active{background:var(--sp-combobox-surface-active);color:var(--sp-combobox-text)}.sp-combobox-popup__option--selected{font-weight:600}.sp-combobox-popup__option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-combobox-popup__option-description{flex:0 0 auto;color:var(--sp-combobox-muted);font-size:.75rem;line-height:1rem}.sp-combobox-popup__empty{padding:.75rem;color:var(--sp-combobox-muted);font-size:.8125rem;text-align:center}.sp-combobox-popup__clear{display:block;width:100%;text-align:left;padding:.375rem .75rem;font-size:.8125rem;color:var(--sp-combobox-muted);cursor:pointer;border-bottom:1px solid var(--sp-combobox-border);background:var(--sp-combobox-surface)}.sp-combobox-popup__clear:hover{background:var(--sp-combobox-surface-hover)}@media (prefers-color-scheme:dark){.sp-combobox{--sp-combobox-border:#1f2937;--sp-combobox-border-strong:#475569;--sp-combobox-surface:#0f172a;--sp-combobox-surface-hover:#1e293b;--sp-combobox-surface-active:#312e81;--sp-combobox-text:#e2e8f0;--sp-combobox-muted:#94a3b8;--sp-combobox-accent:#818cf8;--sp-combobox-shadow:0 12px 24px -8px rgba(0,0,0,.55),0 4px 8px -2px rgba(0,0,0,.35)}}