.ui-input-search{border-radius:var(--lemn-radius-medium);width:36px;height:36px;color:var(--lemn-color-text);vertical-align:middle;transition:width var(--lemn-duration-slow) var(--lemn-easing-emphasized), border-color var(--lemn-duration-normal) var(--lemn-easing-standard);background:0 0;border:1px solid #0000;align-items:center;display:inline-flex;overflow:hidden}.ui-input-search[data-expanded=expanded]{border-color:var(--lemn-color-border);width:280px}.ui-input-search[data-expanded=expanded]:focus-within{border-color:var(--lemn-color-accent)}.ui-input-search__trigger{width:36px;height:100%;color:var(--lemn-color-text-muted);cursor:pointer;transition:color var(--lemn-duration-fast) var(--lemn-easing-standard);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-input-search__trigger:hover{color:var(--lemn-color-text)}.ui-input-search[data-expanded=expanded] .ui-input-search__trigger{width:auto;padding-left:var(--lemn-space-3);pointer-events:none;cursor:default;justify-content:flex-start}.ui-input-search__input{appearance:none;width:0;min-width:0;color:inherit;font-family:var(--lemn-font-body);font-size:var(--lemn-font-size-small);opacity:0;pointer-events:none;transition:opacity var(--lemn-duration-normal) var(--lemn-easing-standard);background:0 0;border:0;outline:none;flex:1;padding:0}.ui-input-search[data-expanded=expanded] .ui-input-search__input{padding-left:var(--lemn-space-2);padding-right:var(--lemn-space-2);opacity:1;pointer-events:auto}.ui-input-search__input::-webkit-search-cancel-button{appearance:none;display:none}.ui-input-search__input::-webkit-search-decoration{appearance:none;display:none}.ui-input-search__clear{width:24px;height:24px;margin-right:var(--lemn-space-3);border-radius:var(--lemn-radius-small);color:var(--lemn-color-text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-input-search__clear:hover{background:var(--lemn-color-surface-muted);color:var(--lemn-color-text)}