.field-search-control{position:relative;display:flex;flex:1;min-width:0;width:100%;max-width:100%}
/* The reserved space also overrides existing inline search padding. */
.field-search-control>input{width:100%;min-width:0;min-height:44px!important;margin:0!important;padding-right:46px!important}
.field-search-control>input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.field-search-control>.field-search-clear{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:9px;box-shadow:none;background:transparent;color:var(--mut,var(--muted,#607780));font:inherit;font-size:24px;font-weight:400;line-height:1;cursor:pointer}
.field-search-control>.field-search-clear:focus-visible{outline:2px solid var(--sea,#227aa7);outline-offset:-4px}
/* Native value state also tracks programmatic prefill and barcode selection. */
.field-search-control>input:placeholder-shown+.field-search-clear,
.field-search-control>input:disabled+.field-search-clear,
.field-search-control>input:read-only+.field-search-clear{display:none}
.field-search-control:has(>input[hidden]){display:none}