.category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--sz5);
}
.category-list-link {
  border-radius: var(--sz20);
  background: rgb(var(--gray2));
  display: inline-block;
}
.category-list-link.current {
  background: rgb(var(--blue4));
  color: rgb(var(--white));
}
.category-list-link:not(.current):hover {
  background: rgb(var(--blue2));
  color: rgb(var(--white));
}
@media screen and (min-width: 1025px) {
  .category-list {
    margin-bottom: var(--sz60);
  }
  .category-list-link {
    font-size: var(--sz14);
    line-height: var(--sz40);
    padding: 0 var(--sz20);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .category-list {
    margin-bottom: var(--sz60);
  }
  .category-list-link {
    font-size: var(--sz14);
    line-height: var(--sz40);
    padding: 0 var(--sz20);
  }
}
@media screen and (max-width: 767px) {
  .category-list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: var(--sz30);
  }
  .category-list-item {
    flex-shrink: 0;
  }
  .category-list-link {
    font-size: var(--sz14);
    line-height: var(--sz40);
    padding: 0 var(--sz20);
  }
}


@media screen and (min-width: 1025px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}