:root {
  --wp-block-cat-item-background-color: #F8F9FA;
  --wp-block-cat-item-background-color-hover: #EDF3F9;
  --wp-block-cat-item-background-color-active: #EBF5FF;
}
.wp-block-categories-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 600px;
  overflow: auto;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.wp-block-categories-list::-webkit-scrollbar {
  display: none;
}
.wp-block-categories-list .cat-item {
  border-radius: 10px;
  background-color: var(--wp-block-cat-item-background-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all ease-in-out var(--theme-component-transition-duration, 0.2s);
}
.wp-block-categories-list .cat-item > * {
  color: var(--wp--preset--color--brandy-primary-text);
  padding: 10px 20px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.wp-block-categories-list .cat-item:hover {
  color: inherit;
  background-color: var(--wp-block-cat-item-background-color-hover) !important;
}
.wp-block-categories-list .cat-item.active-category {
  background-color: var(--wp-block-cat-item-background-color-active);
}

.wp-block-categories-list .cat-item-count {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  border-radius: 40px;
  line-height: 1.25rem;
  background: var(--wp--preset--color--brandy-theme-background);
}