.site-header #header-search { min-width: 0; }
.header-search-field { position: relative; display: flex; width: clamp(210px, 27vw, 380px); min-width: 0; }
.site-header #header-search .header-search-field #global-search { width: 100%; min-width: 0; padding-right: 31px; color: #193e60; }
#global-search::-webkit-search-cancel-button { display: none; }
.site-header #header-search .clear-header-search { position: absolute; right: 3px; top: 3px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: #54718a; font-size: 20px; }
.site-header #header-search .clear-header-search:hover { background: #e4effb; }
.site-header #header-search .clear-header-search[hidden] { display: none; }
.global-suggestions { width: min(420px, calc(100vw - 28px)); max-height: 480px; }
.site-header form .search-suggestion { gap: 10px; }
.site-header form .search-suggestion .search-headshot, .search-avatar-placeholder { width: 34px; height: 40px; flex: 0 0 34px; object-fit: cover; border-radius: 4px; }
.search-avatar-placeholder { display: flex; align-items: center; justify-content: center; background: #e6f0fa; color: #376183; font-size: 17px; }
.site-header form .search-all-results { display: block; width: 100%; padding: 11px 12px; border: 0; border-top: 1px solid #c8dcee; border-radius: 0; background: #f1f7fe; color: #1363aa; font-size: 13px; text-align: center; }
.site-header form .search-all-results:hover { background: #e3f0ff; }
.player-search-form { display: block; }
.player-search-primary, .player-search-refine { display: flex; gap: 9px; align-items: flex-end; flex-wrap: wrap; }
.player-search-primary .search-field { flex: 1 1 280px; min-width: 180px; }
.player-search-primary input { width: 100%; height: 40px; font-size: 16px; }
.player-search-primary > button { height: 40px; }
.player-search-refine { margin-top: 12px; padding-top: 12px; border-top: 1px solid #d7e4f1; }
.player-search-refine .player-context-filters { display: contents; }
body[data-view="players"] .competition-tabs { flex-wrap: wrap; max-width: 100%; box-sizing: border-box; }
@media (max-width: 1100px) and (min-width: 701px) {
  .header-search-field { width: clamp(170px, 24vw, 280px); }
}
@media (max-width: 700px) {
  .header-search-field { flex: 1; width: 100%; }
  .site-header #header-search > button[type="submit"] { display: block; height: 30px; padding: 0 12px; }
  .site-header #header-search .clear-header-search { top: 2px; }
  .global-suggestions { width: 100%; max-height: min(480px, 65vh); }
  .player-search-primary { gap: 7px; flex-wrap: nowrap; }
  .player-search-primary .search-field { flex: 1; min-width: 0; }
  .player-search-primary > button { padding: 0 10px; white-space: nowrap; }
  .player-search-primary input { font-size: 16px; min-width: 0; }
  .player-search-refine select { max-width: 100%; }
  body[data-view="players"] .competition-tabs button { min-width: 0; padding: 5px 8px; font-size: 13px; }
}