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