.category-chips-scroller {
	width: 100%;
	overflow-x: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
	box-sizing: border-box;
	margin-bottom: 12px;
}
@media (min-width: 850px) {
  	.category-chips-scroller {
		justify-content: center;
  	}
}
@media (min-width: 1100px) {
  	.category-chips-scroller {
		gap: 12px;
		padding: 0;
		margin: 64px 0;
  	}
}
.category-chip {
	width: max-content;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	gap: 8px;
	height: 32px;
  	padding: 6px 16px 6px 8px;
	white-space: nowrap;
  	box-sizing: border-box;
  	text-align: center;
	line-height: normal;
  	color: var(--components-chip-default-text);
	cursor: pointer;
    border-radius: var(--Primitives-Radius-none, 0);
    border: var(--Primitives-Border-Width-thin, 1px) solid var(--Components-Chip-Default-Border, #F2F2F2);
    background: var(--Components-Chip-Default-Background, #FFF);
}
.category-chip:hover {
	border: 1px solid var(--components-chip-hover-border);
	background-color: var(--components-chip-hover-background);
}
.category-chip[state="selected"] {
    background-color: var(--components-chip-selected-background);
    border: var(--Primitives-Border-Width-thin, 1px) dashed var(--Components-Chip-Selected-Border, #121212);
    color: var(--components-chip-default-text);
}

.category-chips-container .category-chip[size="small"] {
	gap: 4px;
  	padding: 6px 12px;
	height: 24px;
}
.category-chip .icon {
    font-size: 14px;
    line-height: 14px;
}
.category-chips-container[size="small"] .category-chip .icon {
	font-size: 11px;
	height: 12px;
}
.category-chip .label {
  	text-transform: uppercase;
	height: 14px;
}
.category-chip[size="small"] .label {
	padding-top: 1px;
}

.icon-category-37:before{content:'\0050';}
.icon-category-38:before{content:'\0048';}
.icon-category-39:before{content:'\004e';}
.icon-category-40:before{content:'\0046';}
.icon-category-41:before{content:'\004d';}
.icon-category-42:before{content:'\005a';}