.ui-search{--ui-search-height:28px;display:flex;align-items:center;gap:7px;min-width:0;height:var(--ui-search-height);padding:0 9px;border-radius:7px;background:color-mix(in srgb,var(--font-color) 5%,transparent);color:color-mix(in srgb,var(--font-color) 55%,transparent)}.ui-search--md{--ui-search-height:34px;padding:0 11px;border-radius:8px}.ui-search>svg{flex:none}.ui-search input{flex:1 1 auto;min-width:0;border:none;background:none;outline:none;padding:0;color:var(--font-color);font-family:inherit;font-size:13px}.ui-search input::placeholder{color:color-mix(in srgb,var(--font-color) 45%,transparent)}.ui-search input::-webkit-search-cancel-button,.ui-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ui-search-clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:5px;background:transparent;color:color-mix(in srgb,var(--font-color) 50%,transparent);cursor:pointer;transition:background-color .12s,color .12s}.ui-search-clear:hover{background:color-mix(in srgb,var(--font-color) 10%,transparent);color:var(--font-color)}