.category-filter-wrapper{width:100%;margin-bottom:1.5rem}.category-filter-container{width:100%;overflow:hidden}.category-filter-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3b82f680 transparent;gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.category-filter-scroll::-webkit-scrollbar{height:6px}.category-filter-scroll::-webkit-scrollbar-track{background:0 0;border-radius:3px}.category-filter-scroll::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.category-filter-scroll::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.category-chip{white-space:nowrap;cursor:pointer;color:#3b82f6;background-color:#3b82f61a;border:2px solid #3b82f64d;border-radius:9999px;outline:none;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out}.category-chip:hover{background-color:#3b82f633;border-color:#3b82f680;transform:translateY(-1px)}.category-chip:active{transform:translateY(0)}.category-chip.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633}.category-chip.active:hover{background-color:#2563eb;border-color:#2563eb}@media (max-width:768px){.category-filter-wrapper{margin:.5rem 0}.category-chip{padding:.4rem .875rem;font-size:.8125rem}.category-filter-scroll{gap:.5rem;padding:.375rem 0}}@media (max-width:480px){.category-chip{padding:.375rem .75rem;font-size:.75rem}.category-filter-scroll{gap:.375rem}}