.hub-category-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 22px;padding:12px 14px;background:#ffffffd9;border:1px solid #d5e2df;border-radius:14px;color:#284c45}
.hub-category-bar button{border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;padding:9px 17px;font:inherit;font-weight:650;cursor:pointer;min-height:40px}
.hub-category-bar button[aria-pressed=true]{background:#286c60;color:#fff;box-shadow:0 3px 9px #18493b22}
.hub-category-bar button:hover{border-color:#77a99b}.hub-category-bar button:focus-visible{outline:3px solid #d6ad58;outline-offset:2px}
.hub-category-bar small{margin-left:auto;color:#56716a;font-size:13px}.hub-category-bar button span{font-size:.8em;margin-left:6px;opacity:.75}
.game-category-label{display:inline-block;margin-right:7px;font-weight:700}
.hub-category-empty{grid-column:1/-1;padding:35px;text-align:center;color:#fff}
@media(min-width:1200px){.has-my-rooms .hub-category-bar{width:calc(var(--hub-content-width) - 300px);max-width:1440px;margin-left:calc((100% - var(--hub-content-width))/2);margin-right:0}}
@media(max-width:600px){.hub-category-bar{gap:4px;padding:8px}.hub-category-bar button{padding:8px 12px;font-size:14px}.hub-category-bar small{flex-basis:100%;margin:5px 8px 0}}