.category-header {
  cursor: pointer;
  display: flex;
  border-bottom: 2px solid var(--secondary-color);
  margin-bottom: 1rem;
  padding-right: 10px;
  align-content: center;
  gap: 1rem;
  width: 10%;
  transition: width 0.3s ease;
}

.category-header-collapsed {
  width: 100%;
}

.category-header h3 {
  margin-bottom: 8px;
}

.category-header .category-header-arrow {
  transform: scaleY(-1);
  transition: transform 0.3s ease;
}

.category-header-collapsed .category-header-arrow {
  transform: scaleY(1);
}