.m28-benchmarks {
    --m28-bench-line: var(--up-border-color);
    --m28-bench-muted: var(--up-color-gray-600);
    --m28-bench-surface: var(--up-theme-blocks-bg);
    --m28-bench-accent: var(--up-a-color);
    margin-block: 1rem 2rem;
    min-width: 0;
}
.m28-benchmarks__tabs, .m28-benchmarks__choices {
    display: flex; align-items: center; flex-wrap: wrap; gap: .4rem;
    margin-bottom: .75rem;
}
.m28-benchmarks__choices > span:first-child { margin-inline-end: .25rem; }
.m28-benchmarks__choices [aria-current] { cursor: default; }
html .m28-benchmarks__form.fps-game-filter {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; margin-bottom: 0;
}
.m28-benchmarks__form > label { min-width: 0; }
.m28-benchmarks__form > .fps-game-filter__field { flex: 1 1 11rem; }
.m28-benchmarks__form > .m28-benchmarks__threshold { flex: 0 1 8rem; }
.m28-benchmarks__form .fps-game-filter__apply { width: auto; }
.m28-benchmarks__form input[type=search] { width: 100%; }
.m28-benchmarks__range { flex: 1 0 100%; font-size: .875rem; }
.m28-benchmarks__range a { margin-inline-start: .65rem; }
.m28-benchmarks__summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem 1rem; margin-block: .85rem .5rem; }
.m28-benchmarks__summary span { color: var(--m28-bench-muted); font-size: .875rem; }
.m28-benchmarks__stock { display: flex; align-items: center; min-height: 42px; gap: .35rem; }
.m28-benchmarks__stock input { accent-color: var(--up-scheme-color); }
.m28-benchmarks__context {
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: .4rem 1rem;
    margin-block: .8rem; color: var(--m28-bench-muted); font-size: .875rem;
}
.m28-benchmarks__note, .m28-benchmarks__detail { color: var(--m28-bench-muted); font-size: .8125rem; }
.m28-benchmarks__note { margin: 0 0 .8rem; }
.m28-benchmarks__table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.m28-benchmarks__table th, .m28-benchmarks__table td {
    padding: .65rem .5rem; border-bottom: 1px solid var(--m28-bench-line); overflow-wrap: anywhere;
}
.m28-benchmarks__table thead { background: var(--m28-bench-surface); }
.m28-benchmarks__table thead th:first-child { width: 2.6rem; }
.m28-benchmarks__table thead th:nth-child(2) { width: 52%; }
.m28-benchmarks__table tbody th { text-align: left; font-weight: 500; }
.m28-benchmarks__rank { text-align: center; color: var(--m28-bench-muted); }
.m28-benchmarks__result { text-align: right; font-variant-numeric: tabular-nums; }
.m28-benchmarks__table tbody .m28-benchmarks__result { font-weight: 600; }
.m28-benchmarks__detail { display: block; font-weight: 400; margin-top: .18rem; }
.m28-benchmarks__detail span, .m28-benchmarks__detail a { margin-inline-end: .45rem; }
.m28-benchmarks__bar span { display: block; height: 5px; border-radius: 5px; background: var(--m28-bench-surface); }
.m28-benchmarks__bar i { display: block; height: 100%; border-radius: inherit; background: var(--m28-bench-accent); }
.m28-benchmarks__pagination { display: flex; justify-content: center; align-items: center; gap: .75rem; flex-wrap: wrap; }
.m28-benchmarks__empty { padding-block: 1.25rem; }
@media (max-width: 640px) {
    html .m28-benchmarks__form.fps-game-filter { padding: .75rem; }
    .m28-benchmarks__form input[type=search] { width: 100%; }
    .m28-benchmarks__form > .fps-game-filter__field { flex: 1 1 8rem; }
    .m28-benchmarks__tabs .btn { flex: 1 1 auto; }
    .m28-benchmarks__bar { display: none; }
    .m28-benchmarks__table thead th:nth-child(2) { width: 57%; }
    .m28-benchmarks__table th, .m28-benchmarks__table td { padding-inline: .32rem; }
}