.match-search-box{background:#ffffff14;border-radius:8px;align-items:center;gap:10px;width:240px;height:40px;padding:0 6px 0 14px;transition:background .2s;display:flex}.match-search-box:focus-within{background:#ffffff1f}.match-search-box__input-wrapper{flex:1;align-items:center;gap:10px;height:100%;display:flex}.match-search-box__input-wrapper input{min-width:0;height:100%;font-size:13px;font-weight:var(--AppTheme--weight-regular);color:var(--app-white);background:0 0;border:none;outline:none;flex:1;padding:0}.match-search-box__input-wrapper input::placeholder{color:#fff6}.match-search-box__clear{cursor:pointer;opacity:.4;filter:brightness(2);flex-shrink:0;width:16px;height:16px;transition:opacity .15s}.match-search-box__clear:hover{opacity:.8}.match-search-box__clear.hidden{opacity:0;pointer-events:none;width:0}.match-search-box__button{cursor:pointer;background:#ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.match-search-box__button img{-o-object-fit:contain;object-fit:contain;opacity:.7;width:16px;height:16px}.match-search-box__button:hover{background:#ffffff2e}.match-search-box__button:hover img{opacity:1}