.data-table-search{border:1px solid var(--border);background:var(--form-input);border-radius:999px;flex-shrink:0;align-items:center;max-width:30px;height:30px;transition:max-width .24s,border-color .16s,box-shadow .16s;display:inline-flex;overflow:hidden}.data-table-search.is-open{border-color:var(--border-strong);max-width:min(260px,42vw);box-shadow:0 0 0 1px rgb(var(--blue-rgb) / .08)}.data-table-search-input{width:0;min-width:0;height:100%;box-shadow:none;color:var(--text);font-size:calc(13px * var(--text-scale,1));opacity:0;pointer-events:none;appearance:none;background:0 0;border:0;outline:none;flex:none;margin:0;padding:0;transition:width .24s,opacity .18s 60ms,padding .24s}.data-table-search-input:focus,.data-table-search-input:focus-visible{box-shadow:none;border:0;outline:none}.data-table-search-input::placeholder{color:var(--muted)}.data-table-search.is-open .data-table-search-input{opacity:1;pointer-events:auto;width:200px;padding:0 4px 0 14px}.data-table-search-toggle{width:30px;height:30px;color:var(--blue);font-size:calc(13px * var(--text-scale,1));cursor:pointer;background:0 0;border:0;flex:0 0 30px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.data-table-search:not(.is-open) .data-table-search-toggle{border-radius:999px}.data-table-search:not(.is-open):hover{border-color:var(--blue);background:var(--blue-soft)}.data-table-search.is-open .data-table-search-toggle:hover{background:var(--blue-soft);border-radius:999px}.data-table-search.is-static{flex:auto;min-width:200px;max-width:none;transition:border-color .16s,box-shadow .16s}.data-table-search.is-static .data-table-search-input{flex:auto;width:auto;transition:none}