.ServerBrowser_toolbar__GEvob{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px}.ServerBrowser_refresh__neFpp{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:rgba(255,255,255,.05);transition:background .18s var(--ease-ui)}.ServerBrowser_refresh__neFpp:hover{background:rgba(255,255,255,.1)}.ServerBrowser_refresh__neFpp span{width:17px;height:17px}.ServerBrowser_search__Ui7Lv{position:relative;margin-left:auto;min-width:260px;flex:1;max-width:360px}.ServerBrowser_search__Ui7Lv input{width:100%;height:44px;padding:0 42px 0 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 2px rgba(0,0,0,.45);color:var(--text-primary);font-size:.9375rem;transition:border-color .18s var(--ease-ui)}.ServerBrowser_search__Ui7Lv input::placeholder{color:var(--text-muted)}.ServerBrowser_search__Ui7Lv input:focus{border-color:rgba(255,116,215,.4);outline:none}.ServerBrowser_search__Ui7Lv span{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6;pointer-events:none}.ServerBrowser_filters__csqNd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}.ServerBrowser_filter__4yjoi{height:34px;padding-inline:14px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text-secondary);font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background .16s var(--ease-ui),color .16s var(--ease-ui),border-color .16s var(--ease-ui)}.ServerBrowser_filter__4yjoi:hover{background:rgba(255,255,255,.09);color:var(--text-bright)}.ServerBrowser_filterActive__cAGUq{background:var(--gradient-connect);border-color:transparent;color:var(--on-gradient);font-weight:600}.ServerBrowser_filterActive__cAGUq:hover{background:var(--gradient-connect);color:var(--on-gradient);filter:brightness(1.06)}.ServerBrowser_grid__kXVCy{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media (max-width:1023px){.ServerBrowser_grid__kXVCy{gap:20px}}.ServerBrowser_empty__cCBxU{padding:64px 24px;text-align:center}@keyframes ServerBrowser_spin__wr03X{to{transform:rotate(1turn)}}.ServerBrowser_spinning__p5scv span{animation:ServerBrowser_spin__wr03X var(--spin-cycle,.75s) linear infinite}