.k-search{position:relative;--k-prepend-width: 21%}.k-search .k-search-input .q-field__control{padding:0 16px}.k-search .k-search-input>.q-field__inner .q-field__control{border-radius:0 50px 50px 0}.k-search.only-input .k-search-input>.q-field__inner .q-field__control{border-radius:50px}.k-search.only-input.autocomplete .k-search-input>.q-field__inner .q-field__control{border-radius:20px 20px 0 0}.k-search.only-input.autocomplete .k-search-autocomplete{left:0;right:0}.k-search .k-search-autocomplete{position:absolute;left:var(--k-prepend-width);right:16px;overflow:hidden;max-height:0;border-radius:0 0 4px 4px;z-index:99}.k-search .k-search-autocomplete.k-active{max-height:100vh}.k-search .k-search-autocomplete.k-active .k-autocomplete-list{transform:translateY(0)}.k-search .k-search-autocomplete .k-autocomplete-list{max-height:100%;background-color:#fff;border-top:1px solid #e9ecf0;transform:translateY(-21px);overflow:scroll;transition:transform .3s ease-in}.k-search .q-select__dropdown-icon{color:#97a0aa}.k-search .q-field__before{width:var(--k-prepend-width);padding-right:0;border-right:1px solid #e9ecf0}.k-search .q-field__before>.q-field{width:100%}.k-search .q-field__before .q-field__control{padding:0 12px;border-radius:50px 0 0 50px}.k-search .q-field__before .q-field__native{justify-content:center;white-space:nowrap}.k-search .q-field__before .q-field__native>span{overflow:hidden;text-overflow:ellipsis}