.team-category-scroller{scrollbar-width:thin;scrollbar-color:var(--brand-primary) transparent;flex-direction:row;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:100%;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.team-category-scroller::-webkit-scrollbar{height:4px}.team-category-scroller::-webkit-scrollbar-track{background:0 0}.team-category-scroller::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:2px}.team-category-item{cursor:pointer;text-align:left;white-space:nowrap;background-color:#0000;border:2px solid #0000;flex-shrink:0;padding:1rem 1.25rem;transition:all .3s;position:relative}.team-category-item:hover{border-color:var(--brand-primary-light);background-color:#a855f714}.team-category-item.active{border-color:var(--brand-primary);background-color:#a855f724}.category-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);white-space:nowrap;font-size:.875rem;font-weight:600;display:block}.team-category-item.active .category-label{color:var(--brand-primary-light)}.category-indicator{background:linear-gradient(90deg, var(--brand-primary), var(--brand-primary-light));width:100%;height:3px;position:absolute;bottom:0;left:0}@media (max-width:900px){.team-category-scroller{justify-content:flex-start;gap:.75rem;padding-left:1rem;padding-right:1rem}}@media (max-width:768px){.team-category-scroller{gap:.5rem;margin-bottom:1.5rem}.team-category-item{padding:.875rem 1rem}.category-label{font-size:.75rem}.category-indicator{height:2px}}@media (max-width:480px){.team-category-scroller{margin-bottom:1.25rem}.team-category-item{padding:.75rem .875rem}.category-label{font-size:.75rem}}