.category-aws { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-aws .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-microsoft { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-microsoft .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-google-cloud { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-google-cloud .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-azure { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-azure .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-oracle { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-oracle .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-ibm { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-ibm .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-salesforce { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-salesforce .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-vmware { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-vmware .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-cisco { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-cisco .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-red-hat { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-red-hat .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-docker { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-docker .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-kubernetes { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-kubernetes .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-terraform { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-terraform .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-ansible { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-ansible .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-jenkins { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-jenkins .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-gitlab { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-gitlab .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-ai-and-machine-learning { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-ai-and-machine-learning .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-data-science-and-analytics { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-data-science-and-analytics .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-data---ai--azure- { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-data---ai--azure- .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-cybersecurity { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-cybersecurity .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-security { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-security .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-cloud-computing { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-cloud-computing .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-digital---app-innovation--azure- { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-digital---app-innovation--azure- .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-business---leadership { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-business---leadership .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-it-ops---management { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-it-ops---management .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-general { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-general .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-technology { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-technology .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-training-by-topic { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-training-by-topic .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-find-training { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-find-training .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-learn { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-learn .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-master { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-master .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-subscription { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-subscription .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-misac-training { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-misac-training .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.category-quickstart-intelligence { 
  --category-color: hsl(0, 0%, 50%); 
  --category-border: hsl(0, 0%, 70%);
  background: linear-gradient(to top, white 0%, white 100%) !important;
}

.category-quickstart-intelligence .category-badge {
  background: white !important;
  border: 1px solid hsl(0, 0%, 70%) !important;
  color: hsl(0, 0%, 30%) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 22px !important;
  padding: 2px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  max-width: fit-content !important;
  transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}