.category-carousel {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    padding: 8px 12px;

    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.category-item {
    flex: 0 0 64px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    justify-content: flex-start;

    scroll-snap-align: start;
}

.category-item,
.category-item:link,
.category-item:visited,
.category-item:hover,
.category-item:active {
    text-decoration: none;
    color: inherit;
}

.category-image {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    background-color: var(--color-bg-primary);
    border-radius: 8px;

    background-size: cover;
    background-position: center;

    cursor: pointer;
}

.category-label {
    color: var(--color-bg-brand-1st);
    text-align: center;

    font-weight: 500;

    width: 64px;
    min-height: 32px;

    overflow-wrap: anywhere;
    word-break: normal;
}