@font-face {
  font-family: 'Work Sans';
  src: url("/assets/WorkSans-VariableFont_wght-c0ac7ff0.ttf") format('truetype');
  font-style: normal;
  font-weight: 100 900;
}

@font-face {
  font-family: 'Work Sans';
  src: url("/assets/WorkSans-Italic-VariableFont_wght-a33864d2.ttf") format('truetype');
  font-style: italic;
  font-weight: 100 900;
}

.turbo-progress-bar {
  background-color: rgb(152 178 79); /* bg-olive-900 */
}

b,
strong {
  font-weight: bold; /* Override tailwind default of "bolder" which looks terrible with our fonts */
}

.hidden-empty:not(:has(*)) {
  display: none;
}

.tooltip {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background-color: rgb(var(--color-smoke-20));
  color: rgb(var(--color-smoke-80));
}

.tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: rgb(var(--color-smoke-20));
}