@layer components{.global-search{--gs-bar-bg: rgb(0 0 0 / 6%);--gs-icon-bg: var(--color-white);--gs-icon-color: var(--color-black);--gs-input-color: #64748b;--gs-placeholder-color: #abb7c2;--gs-menu-bg: var(--color-white);--gs-menu-border: rgb(0 0 0 / 10%);--gs-section-header-bg: #f8f9fa;--gs-section-header-color: #1a202c;--gs-sport-label-bg: var(--color-sport-label-bg);--gs-sport-label-color: var(--color-sport-label-text);--gs-result-color: #1a202c;--gs-result-hover-bg: #f1f5f9;--gs-result-border: rgb(0 0 0 / 10%);--gs-meta-color: #64748b;--gs-no-results-color: rgb(0 0 0 / 80%);position:relative;display:flex;align-items:center;html.dark &{--gs-bar-bg: rgb(255 255 255 / 6%);--gs-icon-bg: var(--color-primary-green);--gs-icon-color: var(--color-black);--gs-input-color: #abb7c2;--gs-placeholder-color: #abb7c2;--gs-menu-bg: var(--color-surface);--gs-menu-border: rgb(255 255 255 / 10%);--gs-section-header-bg: #1a1330;--gs-section-header-color: var(--color-white);--gs-sport-label-bg: var(--color-sport-label-bg);--gs-sport-label-color: var(--color-sport-label-text);--gs-result-color: var(--color-white);--gs-result-hover-bg: #2a2050;--gs-result-border: rgb(255 255 255 / 10%);--gs-meta-color: #abb7c2;--gs-no-results-color: var(--color-white)}}.global-search__toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background:none;color:var(--color-text-secondary);cursor:pointer;transition:color .2s;flex-shrink:0;&:hover{color:var(--color-text)}}.global-search__toggle-icon{width:1.125rem;height:1.125rem}.global-search__bar{display:none;align-items:center;border-radius:12px;overflow:hidden;background-color:var(--gs-bar-bg);width:260px}.global-search__input{flex:1;border:none;background:transparent;color:var(--gs-input-color);font-size:14px;font-weight:400;padding:.5rem .75rem;outline:none;min-width:0;&::placeholder{color:var(--gs-placeholder-color)}}.global-search__icon-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--gs-icon-bg);margin-right:.25rem;flex-shrink:0;cursor:pointer}.global-search__bar-icon{width:.75rem;height:.75rem;color:var(--gs-icon-color)}.global-search__spinner{width:.75rem;height:.75rem;color:var(--gs-icon-color);animation:gs-spin 1s linear infinite}.global-search--open .global-search__toggle{display:none}.global-search--open .global-search__bar{display:flex;animation:gs-expand .25s ease-out}.global-search__results{position:absolute;top:100%;right:0;width:320px;margin-top:4px;background-color:var(--gs-menu-bg);border-radius:8px;border:1px solid var(--gs-menu-border);overflow-y:auto;max-height:450px;z-index:60;box-shadow:0 20px 25px -5px rgb(0 0 0/10%),0 8px 10px -6px rgb(0 0 0/10%)}.global-search__no-results{color:var(--gs-no-results-color);font-size:12px;font-style:italic;text-align:center;opacity:.7;padding:.75rem}.global-search__section-header{background-color:var(--gs-section-header-bg);color:var(--gs-section-header-color);font-size:13px;font-weight:600;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--gs-result-border);position:sticky;top:0;z-index:1}.global-search__section-icon{width:14px;height:14px;flex-shrink:0}.global-search__sport-label{background-color:var(--gs-sport-label-bg);color:var(--gs-sport-label-color);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem}.global-search__result-item{display:flex;flex-direction:column;gap:2px;padding:.5rem .75rem;border-bottom:1px solid var(--gs-result-border);text-decoration:none;color:var(--gs-result-color);font-size:13px;transition:background-color .2s ease;&:last-child{border-bottom:none}&:hover{background-color:var(--gs-result-hover-bg)}}.global-search__player-name{font-weight:500}.global-search__player-meta{font-size:11px;color:var(--gs-meta-color)}@keyframes gs-expand{from{width:0;opacity:0}to{width:260px;opacity:1}}@keyframes gs-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mobile-navbar__right{display:flex;align-items:center;gap:.5rem}.mobile-only .global-search__bar{width:200px}.mobile-only .global-search__results{width:calc(100vw - 2rem);right:-0.5rem}@media(width < 1024px){.global-search--open .global-search__bar{animation-name:gs-expand-mobile}@keyframes gs-expand-mobile{from{width:0;opacity:0}to{width:200px;opacity:1}}}}