.klyp-Combobox{gap:var(--space-4);font-family:var(--font-sans);color:var(--color-fg-primary);flex-direction:column;display:flex}.klyp-Combobox__group{align-items:center;gap:var(--space-4);height:var(--icon-size-xl);padding:0 var(--space-4) 0 0;background:var(--color-bg-surface);border:var(--bw-default) solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard);display:flex}.klyp-Combobox__group[data-focus-within]{border-color:var(--color-ring);box-shadow:0 0 0 var(--bw-emphasis) var(--color-ring)}.klyp-Combobox__group[data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}.klyp-Combobox__input{min-width:0;height:100%;padding:0 var(--space-6);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-13);line-height:var(--line-height-tight);background:0 0;border:0;outline:none;flex:auto}.klyp-Combobox__input::placeholder{color:var(--color-fg-muted)}.klyp-Combobox__input:disabled{cursor:not-allowed}.klyp-Combobox__trigger,.klyp-Combobox__clear{width:var(--icon-size-lg);height:var(--icon-size-lg);border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.klyp-Combobox__trigger>svg,.klyp-Combobox__clear>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);pointer-events:none;flex-shrink:0}.klyp-Combobox__trigger[data-hovered],.klyp-Combobox__clear[data-hovered]{background:var(--color-bg-surface-solid);color:var(--color-fg-primary)}.klyp-Combobox__trigger[data-pressed],.klyp-Combobox__clear[data-pressed]{background:var(--color-bg-surface-solid)}.klyp-Combobox__trigger[data-focus-visible],.klyp-Combobox__clear[data-focus-visible]{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-Combobox__trigger[data-disabled],.klyp-Combobox__clear[data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}.klyp-Combobox__content{min-width:var(--trigger-width,12rem);max-height:min(20rem, var(--available-height,20rem));background:var(--color-bg-surface);border:var(--bw-default) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-13);z-index:var(--z-overlay);outline:none;overflow:hidden}.klyp-Combobox__content[data-entering]{animation:klyp-combobox-fade-in var(--duration-fast) var(--easing-standard), klyp-combobox-zoom-in var(--duration-fast) var(--easing-standard)}.klyp-Combobox__content[data-exiting]{animation:klyp-combobox-fade-out var(--duration-fast) var(--easing-standard), klyp-combobox-zoom-out var(--duration-fast) var(--easing-standard)}.klyp-Combobox__listbox{max-height:inherit;padding:var(--space-2);overscroll-behavior:contain;outline:none;overflow-y:auto}.klyp-Combobox__item{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-6);padding-right:calc(var(--space-6) + var(--space-16) + var(--space-4));border-radius:var(--radius-sm);cursor:default;-webkit-user-select:none;user-select:none;color:var(--color-fg-primary);font-size:var(--font-size-13);line-height:var(--line-height-tight);transition:background var(--duration-fast) var(--easing-standard);outline:none;display:flex;position:relative}.klyp-Combobox__item>svg{width:var(--icon-size-sm);height:var(--icon-size-sm);pointer-events:none;flex-shrink:0}.klyp-Combobox__item[data-hovered],.klyp-Combobox__item[data-focused]{background:var(--color-bg-surface-solid)}.klyp-Combobox__item[data-disabled]{opacity:var(--opacity-50);pointer-events:none}.klyp-Combobox__item[data-variant=destructive]{color:var(--color-status-danger)}.klyp-Combobox__item-indicator{right:var(--space-6);width:var(--space-14);height:var(--space-14);color:var(--color-accent);opacity:0;transition:opacity var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.klyp-Combobox__item-indicator>svg{width:var(--space-14);height:var(--space-14);pointer-events:none;flex-shrink:0}.klyp-Combobox__item[data-selected] .klyp-Combobox__item-indicator{opacity:1}.klyp-Combobox__group-section{display:block}.klyp-Combobox__group-section+.klyp-Combobox__group-section{margin-top:var(--space-4)}.klyp-Combobox__group-header{padding:var(--space-4) var(--space-6) var(--space-2);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);line-height:var(--line-height-tight)}.klyp-Combobox__status{padding:0 var(--space-6);font-size:var(--font-size-12);color:var(--color-fg-muted)}.klyp-Combobox__empty{padding:var(--space-12);text-align:center;font-size:var(--font-size-13);color:var(--color-fg-muted)}.klyp-Combobox__separator{height:var(--bw-default);margin:var(--space-2) 0;background:var(--color-border-subtle);border:0}.klyp-Combobox__chips{align-items:center;gap:var(--space-2);min-height:var(--icon-size-xl);padding:var(--space-2) var(--space-4);border:var(--bw-default) solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-wrap:wrap;display:flex}.klyp-Combobox__chip{align-items:center;gap:var(--space-2);height:21px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--color-bg-surface-solid);color:var(--color-fg-primary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.klyp-Combobox__chip-remove{width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:var(--radius-sm);color:currentColor;cursor:pointer;opacity:var(--opacity-50);background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.klyp-Combobox__chip-remove:hover{opacity:1}.klyp-Combobox__chip-remove>svg{width:var(--icon-size-xs);height:var(--icon-size-xs);pointer-events:none;flex-shrink:0}@keyframes klyp-combobox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes klyp-combobox-fade-out{0%{opacity:1}to{opacity:0}}@keyframes klyp-combobox-zoom-in{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes klyp-combobox-zoom-out{0%{transform:scale(1)}to{transform:scale(.97)}}