@scope(.match-status-tabs){:scope{background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);gap:.25rem;padding:.25rem;display:inline-flex}.tab{color:var(--muted-foreground);cursor:pointer;border-radius:var(--small-radius);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;line-height:1;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.tab .icon-component{height:.75rem;font-size:.75rem;line-height:1}.tab--active{color:var(--foreground);background:var(--accent);border-color:var(--border)}.tab:active{background:var(--secondary)}.tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tab--clear{color:var(--muted-foreground);padding:.25rem}@media (hover:hover) and (pointer:fine){.tab:hover{color:var(--foreground);background:var(--accent);border-color:var(--border)}.tab--clear:hover{color:var(--foreground)}}@media (hover:none) and (pointer:coarse){.tab:active:not(.tab--active){background:0 0;border-color:#0000}}}.match-status-tabs-loading{opacity:.5;pointer-events:none;animation:1.5s ease-in-out infinite mst-pulse}@keyframes mst-pulse{0%,to{opacity:.5}50%{opacity:.7}}
