.listing-filter-bar{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.listing-attempt-filter{border:0;width:18rem;min-width:0;max-width:100%;margin:0;padding:0}.listing-filter-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.listing-filter-track{isolation:isolate;padding:var(--sp-1);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.listing-filter-indicator{z-index:-1;inset:var(--sp-1) auto var(--sp-1) var(--sp-1);width:calc((100% - 2 * var(--sp-1)) / 2);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm), 0 2px 8px #1c23400f;transition:transform var(--dur-pop) var(--ease-pop);position:absolute}.listing-filter-track:has(input[value=attempted]:checked) .listing-filter-indicator{transform:translate(100%)}.listing-filter-option label{justify-content:center;align-items:center;gap:var(--sp-2);min-height:2.75rem;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);color:var(--ink-2);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-weight:800;display:flex}@media (hover:hover){.listing-filter-option input:not(:checked)+label:hover{color:var(--brand-ink);background:#ffffff73}}.listing-filter-option input:checked+label{color:var(--brand-ink)}.listing-filter-badge{border-radius:var(--radius-full);background:var(--surface-2);min-width:1.5rem;height:1.5rem;color:var(--ink-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding-inline:.375rem;line-height:1;display:inline-flex}.listing-filter-option input:checked+label .listing-filter-badge{background:var(--brand-soft);color:var(--brand-ink)}.listing-filter-option label:active{transform:scale(.96)}.listing-filter-option input:focus-visible+label{outline:2px solid var(--brand);outline-offset:2px}.listing-filter-order{color:var(--ink-3);font-size:var(--text-xs);white-space:nowrap}.listing-empty{justify-items:center;gap:var(--sp-4);padding:var(--sp-7) var(--sp-5);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-md);color:var(--ink-2);text-align:center;display:grid}@media (max-width:42rem){.listing-filter-bar{gap:var(--sp-2);flex-wrap:wrap}.listing-attempt-filter{width:100%}.listing-filter-order{margin-left:auto}}@media (prefers-reduced-motion:reduce){.listing-filter-indicator,.listing-filter-option label,.listing-filter-badge{transition:none}.listing-filter-option label:active{transform:none}}