.naraya-combobox{position:relative;width:100%}.naraya-combobox__control{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;width:100%;min-height:2.25rem;padding:.3125rem .5rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));cursor:text;transition:border-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-combobox__control:hover{border-color:rgb(var(--border-main))}.naraya-combobox__control--focused{border-color:rgb(var(--ring-focus));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-combobox__chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem .125rem .5rem;font-size:.75rem;font-weight:500;background-color:rgb(var(--color-primary)/.1);color:rgb(var(--color-primary));border-radius:.375rem}.naraya-combobox__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:transparent;border:0;border-radius:.25rem;color:inherit;cursor:pointer;opacity:.7}.naraya-combobox__chip-remove:hover{opacity:1;background-color:rgb(var(--color-primary)/.2)}.naraya-combobox__chip-remove svg{width:.75rem;height:.75rem}.naraya-combobox__input{flex:1;min-width:4rem;background:transparent;border:0;outline:0;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));padding:.125rem 0}.naraya-combobox__input::-moz-placeholder{color:rgb(var(--text-muted))}.naraya-combobox__input::placeholder{color:rgb(var(--text-muted))}.naraya-combobox__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:.125rem;padding:0;border:0;background:transparent;border-radius:.25rem;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-combobox__clear:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-combobox__clear svg{width:.875rem;height:.875rem}.naraya-combobox__chevron{flex-shrink:0;width:1rem;height:1rem;color:rgb(var(--text-muted));transition:transform var(--duration-fast) var(--easing-smooth)}.naraya-combobox__chevron--open{transform:rotate(180deg)}.naraya-combobox__panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:50;max-height:16rem;overflow-y:auto;padding:.375rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.naraya-combobox__panel--open{opacity:1;transform:translateY(0);pointer-events:auto}.naraya-combobox__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;background-color:transparent;border:0;border-radius:.375rem;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));cursor:pointer;text-align:left}.naraya-combobox__option--active{background-color:rgb(var(--color-secondary))}.naraya-combobox__option--selected{color:rgb(var(--color-primary));font-weight:500}.naraya-combobox__option-check{margin-left:auto;width:1rem;height:1rem;color:rgb(var(--color-primary))}.naraya-combobox__empty{padding:.875rem;text-align:center;font-size:.8125rem;color:rgb(var(--text-muted))}