.db-tf2[data-v-49bda88e]{padding-bottom:3rem}.db-tf2__subtitle[data-v-49bda88e]{color:var(--ms-gray-400);margin-top:.25rem;font-size:.875rem;font-weight:400;display:block}.db-tf2__toolbar[data-v-49bda88e]{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width>=768px){.db-tf2__toolbar[data-v-49bda88e]{flex-direction:row;justify-content:space-between;align-items:center}}.db-tf2__tabs[data-v-49bda88e]{border-bottom:1px solid var(--ms-border-color);gap:.25rem;padding-bottom:0;display:flex}.db-tf2__tab[data-v-49bda88e]{color:var(--ms-gray-400);font-size:.8125rem;font-weight:var(--ms-font-weight-semibold);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .875rem;transition:color .15s,border-color .15s}.db-tf2__tab[data-v-49bda88e]:hover{color:var(--ms-gray-200)}.db-tf2__tab--active[data-v-49bda88e]{color:var(--ms-primary);border-bottom-color:var(--ms-primary)}.db-tf2__controls[data-v-49bda88e]{flex-direction:column;gap:.75rem;display:flex}@media (width>=576px){.db-tf2__controls[data-v-49bda88e]{flex-direction:row;align-items:center}}.db-tf2__sort[data-v-49bda88e]{align-items:center;gap:.375rem;display:flex}.db-tf2__sort-label[data-v-49bda88e]{font-size:.75rem;font-weight:var(--ms-font-weight-semibold);color:var(--ms-gray-500);white-space:nowrap;margin-right:.125rem}.db-tf2__search[data-v-49bda88e]{width:100%}@media (width>=576px){.db-tf2__search[data-v-49bda88e]{width:200px}}.db-tf2__items[data-v-49bda88e]{flex-wrap:wrap;place-content:start center;gap:1rem;min-height:265px;display:flex}.db-tf2__items--loading[data-v-49bda88e]{height:265px;overflow:hidden}.db-tf2__items--loading .game-card-placeholder[data-v-49bda88e]{flex-shrink:0;width:192px}.db-tf2__items--loading .game-card-placeholder__inner[data-v-49bda88e]{width:100%}.db-tf2__rank[data-v-49bda88e]{font-size:.625rem;font-weight:var(--ms-font-weight-bold);color:var(--ms-gray-400);border-radius:var(--ms-border-radius-xs);top:.5rem;background:#0006;padding:.125rem .375rem;position:absolute;inset-inline-start:.5rem}.db-tf2__footer[data-v-49bda88e]{border-top:1px solid var(--ms-border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.db-tf2__page-info[data-v-49bda88e]{color:var(--ms-gray-500);font-size:.8125rem}