.match-time-filter{flex-wrap:wrap;justify-content:center;display:flex}.match-time-filter--bordered{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.match-time-filter__btn{color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:9999px;flex:none;font-weight:400;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 4px rgba(0,0,0,.08)}html[data-theme=dark] .match-time-filter__btn{box-shadow:0 2px 8px rgba(0,0,0,.35)}.match-time-filter__btn:hover:not(.match-time-filter__btn--active){background-color:var(--bg-hover)}.match-time-filter__btn--active,.match-time-filter__btn--active:hover{background-color:var(--accent-color);color:var(--on-accent-foreground)}.match-time-filter--triple,.match-time-filter--quad{flex-wrap:nowrap}.match-time-filter--quad{-webkit-overflow-scrolling:touch;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden}.match-time-filter--quad .match-time-filter__btn{white-space:nowrap}@media (max-width:450px){.match-time-filter{gap:16px;padding:10px 12px}.match-time-filter__btn{letter-spacing:.2px;padding:8px 16px;font-size:13px;line-height:1}.match-time-filter--triple,.match-time-filter--quad{gap:8px;padding:8px 0}}@media (min-width:450px){.match-time-filter{gap:36px;padding:12px 16px}.match-time-filter__btn{letter-spacing:.2px;padding:8px 18px;font-size:14px;line-height:1}.match-time-filter--triple,.match-time-filter--quad{gap:12px;padding:16px 0}}