.skillSourceBadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:5px 7px;
  border:1px solid rgba(114,207,255,.16);
  border-radius:999px;
  color:rgba(114,207,255,.76);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:8px;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.skillSourceBadge.work{
  border-color:rgba(255,255,255,.11);
  color:rgba(255,255,255,.44);
}
.skillCard.academic{
  background:rgba(114,207,255,.025);
}
html.theme-light body .skillSourceBadge{
  border-color:rgba(52,151,210,.16);
  color:rgba(34,139,196,.78);
}
html.theme-light body .skillSourceBadge.work{
  border-color:rgba(24,38,29,.09);
  color:rgba(24,32,27,.44);
}
html.theme-light body .skillCard.academic{
  background:rgba(52,151,210,.018);
}