/* Public category chips: keep the row horizontal and usable by touch, mouse and trackpad. */
.category-nav {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pinch-zoom;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: #9fb8a8 transparent;
}

.category-nav::-webkit-scrollbar {
    height: 5px;
}

.category-nav::-webkit-scrollbar-track {
    background: transparent;
}

.category-nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #9fb8a8;
}

.category-nav button {
    flex: 0 0 auto;
    scroll-snap-align: start;
}