.klyp-SearchField{border-radius:var(--r-chip);width:100%;min-width:0;font-family:var(--font-sans);color:var(--color-fg-primary);transition:border-color var(--duration-fast) var(--easing-standard), background var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard);background:0 0;align-items:center;display:flex;position:relative}.klyp-SearchField__icon{color:var(--color-fg-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-start:var(--space-8)}.klyp-SearchField__input{width:100%;min-width:0;color:inherit;font:inherit;line-height:var(--line-height-snug);appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0}.klyp-SearchField__input::placeholder{color:var(--color-fg-muted);opacity:1}.klyp-SearchField__input::-webkit-search-cancel-button{appearance:none;display:none}.klyp-SearchField__input::-webkit-search-decoration{appearance:none;display:none}.klyp-SearchField__clear{width:var(--space-20);height:var(--space-20);border-radius:var(--radius-full);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;position:absolute;inset-inline-end:var(--space-6)}.klyp-SearchField__clear:hover{background:var(--color-bg-surface-hover);color:var(--color-fg-primary)}.klyp-SearchField__clear[data-focus-visible]{outline:var(--bw-emphasis) solid var(--color-border-focus);outline-offset:1px}.klyp-SearchField[data-empty] .klyp-SearchField__clear{display:none}.klyp-SearchField[data-size=sm]{height:var(--space-28)}.klyp-SearchField[data-size=sm] .klyp-SearchField__input{padding-inline:var(--space-28) var(--space-28);font-size:var(--font-size-12)}.klyp-SearchField[data-size=md]{height:var(--space-32)}.klyp-SearchField[data-size=md] .klyp-SearchField__input{padding-inline:var(--space-32) var(--space-32);font-size:var(--font-size-13)}.klyp-SearchField[data-size=lg]{height:var(--space-40)}.klyp-SearchField[data-size=lg] .klyp-SearchField__input{padding-inline:var(--space-40) var(--space-40);font-size:var(--font-size-14)}.klyp-SearchField[data-size=lg] .klyp-SearchField__icon{inset-inline-start:var(--space-12)}.klyp-SearchField[data-size=lg] .klyp-SearchField__clear{inset-inline-end:var(--space-8)}.klyp-SearchField[data-variant=outline]{border:var(--bw-default) solid var(--color-border-default);background:0 0}.klyp-SearchField[data-variant=filled]{background:var(--color-bg-surface);border:var(--bw-default) solid transparent}.klyp-SearchField[data-variant=filled]:hover:not([data-disabled]){background:var(--color-bg-surface-hover)}.klyp-SearchField[data-variant=filled]:focus-within{background:var(--color-bg-surface);border-color:var(--color-border-focus)}.klyp-SearchField[data-variant=ghost]{border:var(--bw-default) solid transparent;background:0 0}.klyp-SearchField[data-variant=ghost]:hover:not([data-disabled]){background:var(--color-bg-surface-hover)}.klyp-SearchField:hover:not([data-disabled]){border-color:var(--color-border-strong)}.klyp-SearchField:focus-within{border-color:var(--color-border-focus);border-width:var(--bw-emphasis)}.klyp-SearchField[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.klyp-SearchField[data-disabled] .klyp-SearchField__input{cursor:not-allowed}.klyp-SearchField[data-invalid],.klyp-SearchField[data-invalid]:focus-within{border-color:var(--color-status-danger)}@media (prefers-reduced-motion:reduce){.klyp-SearchField,.klyp-SearchField__clear{transition:none}}