.profile-sort-button{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);height:34px;color:var(--fg);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.3125rem;padding:0 .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.profile-sort-button:hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}.profile-sort-button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.profile-sort-button[data-pending]{opacity:.6}.profile-sort-button__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;display:inline-flex}
.profile-search{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:8px;align-items:center;gap:.375rem;width:100%;max-width:320px;height:34px;margin-bottom:1rem;padding:0 .625rem;transition:border-color .15s,opacity .15s;display:flex}.profile-search:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.profile-search[data-pending]{opacity:.7}.profile-search__icon{color:var(--fg-muted);flex-shrink:0}.profile-search__input{min-width:0;color:var(--fg);background:0 0;border:none;flex:1;font-family:inherit;font-size:.8125rem}.profile-search__input:focus{outline:none}.profile-search__input::placeholder{color:color-mix(in srgb, var(--fg-muted) 80%, transparent)}.profile-search__input::-webkit-search-cancel-button{display:none}.profile-search__clear{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:background .15s,color .15s;display:inline-flex}.profile-search__clear:hover{background:color-mix(in srgb, var(--fg) 10%, transparent);color:var(--fg)}@media (max-width:640px){.profile-search{max-width:none}}