/* SFX Search field (spec E2 SD11): neutral defaults, every rule overridable. */
.sfx-search-field { position: relative; }
.sfx-search-field__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sfx-search-field__box { display: flex; gap: .5em; }
.sfx-search-field__box input[type="search"] { flex: 1 1 auto; min-width: 0; }
.sfx-search-field__list { position: absolute; z-index: 10; left: 0; right: 0; margin: .25em 0 0; padding: 0; list-style: none; background: #fff; color: #1e1e1e; border: 1px solid #949494; }
.sfx-search-field__list[hidden] { display: none; }
.sfx-search-field__option { display: flex; gap: .75em; align-items: center; padding: .5em .75em; cursor: pointer; }
.sfx-search-field__option[aria-selected="true"] { background: #1e1e1e; color: #fff; }
.sfx-search-field__option img { width: 40px; height: 40px; object-fit: cover; flex: none; }
.sfx-search-field__type { font-size: .8em; opacity: .75; }
.sfx-search-field__status { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (forced-colors: active) { .sfx-search-field__option[aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -2px; } }