.category-aws { 
  --category-color: hsl(210, 79%, 46%); 
  --category-border: hsl(210, 63.2%, 36%);
  background: linear-gradient(to top, hsl(210, 47%, 76%) 0%, white 100%) !important;
}

.category-aws .category-badge {
  background: hsl(210, 30%, 85%) !important;
  border: 1px solid hsl(210, 63.2%, 36%) !important;
  color: hsl(210, 94.8%, 25%) !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(282, 68%, 38%); 
  --category-border: hsl(282, 54.400000000000006%, 28%);
  background: linear-gradient(to top, hsl(282, 41%, 68%) 0%, white 100%) !important;
}

.category-microsoft .category-badge {
  background: hsl(282, 27.200000000000003%, 78%) !important;
  border: 1px solid hsl(282, 54.400000000000006%, 28%) !important;
  color: hsl(282, 81.6%, 18%) !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(235, 66%, 30%); 
  --category-border: hsl(235, 52.800000000000004%, 20%);
  background: linear-gradient(to top, hsl(235, 40%, 60%) 0%, white 100%) !important;
}

.category-google-cloud .category-badge {
  background: hsl(235, 26.400000000000002%, 70%) !important;
  border: 1px solid hsl(235, 52.800000000000004%, 20%) !important;
  color: hsl(235, 79.2%, 10%) !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, 60%, 26%); 
  --category-border: hsl(0, 50%, 16%);
  background: linear-gradient(to top, hsl(0, 25%, 56%) 0%, white 100%) !important;
}

.category-azure .category-badge {
  background: hsl(0, 0%, 66%) !important;
  border: 1px solid hsl(0, 50%, 16%) !important;
  color: hsl(0, 70%, 6%) !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(235, 66%, 30%); 
  --category-border: hsl(235, 52.800000000000004%, 20%);
  background: linear-gradient(to top, hsl(235, 40%, 60%) 0%, white 100%) !important;
}

.category-oracle .category-badge {
  background: hsl(235, 26.400000000000002%, 70%) !important;
  border: 1px solid hsl(235, 52.800000000000004%, 20%) !important;
  color: hsl(235, 79.2%, 10%) !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(212, 80%, 42%); 
  --category-border: hsl(212, 64%, 32%);
  background: linear-gradient(to top, hsl(212, 48%, 72%) 0%, white 100%) !important;
}

.category-ibm .category-badge {
  background: hsl(212, 30%, 82%) !important;
  border: 1px solid hsl(212, 64%, 32%) !important;
  color: hsl(212, 96%, 22%) !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(277, 70%, 35%); 
  --category-border: hsl(277, 56%, 25%);
  background: linear-gradient(to top, hsl(277, 42%, 65%) 0%, white 100%) !important;
}

.category-salesforce .category-badge {
  background: hsl(277, 28%, 75%) !important;
  border: 1px solid hsl(277, 56%, 25%) !important;
  color: hsl(277, 84%, 15%) !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(233, 60%, 37%); 
  --category-border: hsl(233, 50%, 27%);
  background: linear-gradient(to top, hsl(233, 34%, 67%) 0%, white 100%) !important;
}

.category-vmware .category-badge {
  background: hsl(233, 22.8%, 77%) !important;
  border: 1px solid hsl(233, 50%, 27%) !important;
  color: hsl(233, 70%, 17%) !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, 60%, 38%); 
  --category-border: hsl(0, 50%, 28%);
  background: linear-gradient(to top, hsl(0, 25%, 68%) 0%, white 100%) !important;
}

.category-cisco .category-badge {
  background: hsl(0, 0%, 78%) !important;
  border: 1px solid hsl(0, 50%, 28%) !important;
  color: hsl(0, 70%, 18%) !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(233, 60%, 37%); 
  --category-border: hsl(233, 50%, 27%);
  background: linear-gradient(to top, hsl(233, 34%, 67%) 0%, white 100%) !important;
}

.category-red-hat .category-badge {
  background: hsl(233, 22.8%, 77%) !important;
  border: 1px solid hsl(233, 50%, 27%) !important;
  color: hsl(233, 70%, 17%) !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(216, 85%, 34%); 
  --category-border: hsl(216, 68%, 24%);
  background: linear-gradient(to top, hsl(216, 51%, 64%) 0%, white 100%) !important;
}

.category-docker .category-badge {
  background: hsl(216, 30%, 74%) !important;
  border: 1px solid hsl(216, 68%, 24%) !important;
  color: hsl(216, 102%, 14%) !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(267, 75%, 31%); 
  --category-border: hsl(267, 60%, 21%);
  background: linear-gradient(to top, hsl(267, 45%, 61%) 0%, white 100%) !important;
}

.category-kubernetes .category-badge {
  background: hsl(267, 30%, 71%) !important;
  border: 1px solid hsl(267, 60%, 21%) !important;
  color: hsl(267, 90%, 11%) !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(232, 60%, 41%); 
  --category-border: hsl(232, 50%, 31%);
  background: linear-gradient(to top, hsl(232, 32%, 71%) 0%, white 100%) !important;
}

.category-terraform .category-badge {
  background: hsl(232, 21.6%, 81%) !important;
  border: 1px solid hsl(232, 50%, 31%) !important;
  color: hsl(232, 70%, 21%) !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, 60%, 46%); 
  --category-border: hsl(0, 50%, 36%);
  background: linear-gradient(to top, hsl(0, 25%, 76%) 0%, white 100%) !important;
}

.category-ansible .category-badge {
  background: hsl(0, 0%, 85%) !important;
  border: 1px solid hsl(0, 50%, 36%) !important;
  color: hsl(0, 70%, 25%) !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(232, 60%, 41%); 
  --category-border: hsl(232, 50%, 31%);
  background: linear-gradient(to top, hsl(232, 32%, 71%) 0%, white 100%) !important;
}

.category-jenkins .category-badge {
  background: hsl(232, 21.6%, 81%) !important;
  border: 1px solid hsl(232, 50%, 31%) !important;
  color: hsl(232, 70%, 21%) !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(202, 98%, 37%); 
  --category-border: hsl(202, 78.4%, 27%);
  background: linear-gradient(to top, hsl(202, 55%, 67%) 0%, white 100%) !important;
}

.category-gitlab .category-badge {
  background: hsl(202, 30%, 77%) !important;
  border: 1px solid hsl(202, 78.4%, 27%) !important;
  color: hsl(202, 117.6%, 17%) !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(287, 65%, 40%); 
  --category-border: hsl(287, 52%, 30%);
  background: linear-gradient(to top, hsl(287, 39%, 70%) 0%, white 100%) !important;
}

.category-ai-and-machine-learning .category-badge {
  background: hsl(287, 26%, 80%) !important;
  border: 1px solid hsl(287, 52%, 30%) !important;
  color: hsl(287, 78%, 20%) !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(232, 60%, 45%); 
  --category-border: hsl(232, 50%, 35%);
  background: linear-gradient(to top, hsl(232, 30%, 75%) 0%, white 100%) !important;
}

.category-data-science-and-analytics .category-badge {
  background: hsl(232, 20%, 85%) !important;
  border: 1px solid hsl(232, 50%, 35%) !important;
  color: hsl(232, 70%, 25%) !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, 60%, 50%); 
  --category-border: hsl(0, 50%, 45%);
  background: linear-gradient(to top, hsl(0, 25%, 92%) 0%, white 100%) !important;
}

.category-data---ai--azure- .category-badge {
  background: hsl(0, 0%, 85%) !important;
  border: 1px solid hsl(0, 50%, 45%) !important;
  color: hsl(0, 70%, 25%) !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(232, 60%, 45%); 
  --category-border: hsl(232, 50%, 35%);
  background: linear-gradient(to top, hsl(232, 30%, 75%) 0%, white 100%) !important;
}

.category-cybersecurity .category-badge {
  background: hsl(232, 20%, 85%) !important;
  border: 1px solid hsl(232, 50%, 35%) !important;
  color: hsl(232, 70%, 25%) !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(201, 98%, 41%); 
  --category-border: hsl(201, 78.4%, 31%);
  background: linear-gradient(to top, hsl(201, 55%, 71%) 0%, white 100%) !important;
}

.category-security .category-badge {
  background: hsl(201, 30%, 81%) !important;
  border: 1px solid hsl(201, 78.4%, 31%) !important;
  color: hsl(201, 117.6%, 21%) !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(291, 64%, 42%); 
  --category-border: hsl(291, 51.2%, 32%);
  background: linear-gradient(to top, hsl(291, 38%, 72%) 0%, white 100%) !important;
}

.category-cloud-computing .category-badge {
  background: hsl(291, 25.6%, 82%) !important;
  border: 1px solid hsl(291, 51.2%, 32%) !important;
  color: hsl(291, 76.8%, 22%) !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(231, 60%, 48%); 
  --category-border: hsl(231, 50%, 38%);
  background: linear-gradient(to top, hsl(231, 29%, 78%) 0%, white 100%) !important;
}

.category-digital---app-innovation--azure- .category-badge {
  background: hsl(231, 19.200000000000003%, 85%) !important;
  border: 1px solid hsl(231, 50%, 38%) !important;
  color: hsl(231, 70%, 25%) !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, 60%, 50%); 
  --category-border: hsl(0, 50%, 45%);
  background: linear-gradient(to top, hsl(0, 25%, 92%) 0%, white 100%) !important;
}

.category-business---leadership .category-badge {
  background: hsl(0, 0%, 85%) !important;
  border: 1px solid hsl(0, 50%, 45%) !important;
  color: hsl(0, 70%, 25%) !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(231, 60%, 48%); 
  --category-border: hsl(231, 50%, 38%);
  background: linear-gradient(to top, hsl(231, 29%, 78%) 0%, white 100%) !important;
}

.category-it-ops---management .category-badge {
  background: hsl(231, 19.200000000000003%, 85%) !important;
  border: 1px solid hsl(231, 50%, 38%) !important;
  color: hsl(231, 70%, 25%) !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(199, 98%, 48%); 
  --category-border: hsl(199, 78.4%, 38%);
  background: linear-gradient(to top, hsl(199, 55%, 78%) 0%, white 100%) !important;
}

.category-general .category-badge {
  background: hsl(199, 30%, 85%) !important;
  border: 1px solid hsl(199, 78.4%, 38%) !important;
  color: hsl(199, 117.6%, 25%) !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(291, 60%, 50%); 
  --category-border: hsl(291, 50%, 41%);
  background: linear-gradient(to top, hsl(291, 28%, 81%) 0%, white 100%) !important;
}

.category-technology .category-badge {
  background: hsl(291, 18.8%, 85%) !important;
  border: 1px solid hsl(291, 50%, 41%) !important;
  color: hsl(291, 70%, 25%) !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(231, 60%, 50%); 
  --category-border: hsl(231, 50%, 45%);
  background: linear-gradient(to top, hsl(231, 26%, 86%) 0%, white 100%) !important;
}

.category-training-by-topic .category-badge {
  background: hsl(231, 17.6%, 85%) !important;
  border: 1px solid hsl(231, 50%, 45%) !important;
  color: hsl(231, 70%, 25%) !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, 60%, 50%); 
  --category-border: hsl(0, 50%, 45%);
  background: linear-gradient(to top, hsl(0, 25%, 92%) 0%, white 100%) !important;
}

.category-find-training .category-badge {
  background: hsl(0, 0%, 85%) !important;
  border: 1px solid hsl(0, 50%, 45%) !important;
  color: hsl(0, 70%, 25%) !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(231, 60%, 50%); 
  --category-border: hsl(231, 50%, 45%);
  background: linear-gradient(to top, hsl(231, 26%, 86%) 0%, white 100%) !important;
}

.category-learn .category-badge {
  background: hsl(231, 17.6%, 85%) !important;
  border: 1px solid hsl(231, 50%, 45%) !important;
  color: hsl(231, 70%, 25%) !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(199, 92%, 50%); 
  --category-border: hsl(199, 73.60000000000001%, 45%);
  background: linear-gradient(to top, hsl(199, 55%, 86%) 0%, white 100%) !important;
}

.category-master .category-badge {
  background: hsl(199, 30%, 85%) !important;
  border: 1px solid hsl(199, 73.60000000000001%, 45%) !important;
  color: hsl(199, 110.39999999999999%, 25%) !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(291, 60%, 50%); 
  --category-border: hsl(291, 50%, 45%);
  background: linear-gradient(to top, hsl(291, 28%, 90%) 0%, white 100%) !important;
}

.category-subscription .category-badge {
  background: hsl(291, 18.8%, 85%) !important;
  border: 1px solid hsl(291, 50%, 45%) !important;
  color: hsl(291, 70%, 25%) !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(230, 60%, 50%); 
  --category-border: hsl(230, 50%, 45%);
  background: linear-gradient(to top, hsl(230, 26%, 92%) 0%, white 100%) !important;
}

.category-misac-training .category-badge {
  background: hsl(230, 17.6%, 85%) !important;
  border: 1px solid hsl(230, 50%, 45%) !important;
  color: hsl(230, 70%, 25%) !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, 60%, 50%); 
  --category-border: hsl(0, 50%, 45%);
  background: linear-gradient(to top, hsl(0, 25%, 92%) 0%, white 100%) !important;
}

.category-quickstart-intelligence .category-badge {
  background: hsl(0, 0%, 85%) !important;
  border: 1px solid hsl(0, 50%, 45%) !important;
  color: hsl(0, 70%, 25%) !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;
}