/* Component Scope Root */
.TourismCategoryGrid {
  margin-bottom: 20px;
}

.TourismCategoryGrid .category_chip {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #f3f4f6;
  border: 1px solid #eef0f3;
  border-radius: 6px;
  padding: 8px 10px;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}

.TourismCategoryGrid .category_chip:hover {
  background-color: #e8eefc;
}

.TourismCategoryGrid .category_icon {
  font-size: 16px;
  line-height: 1;
}

.TourismCategoryGrid .category_title {
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}

@media (min-width: 0px) and (max-width: 767.98px) {
  .TourismCategoryGrid .category_chip {
    padding: 6px 8px;
  }

  .TourismCategoryGrid .category_icon {
    font-size: 13px;
  }

  .TourismCategoryGrid .category_title {
    font-size: 10px;
  }
}