.tooltip {
  max-width: var(--tooltip--max-width);
  padding: var(--spacing--s) var(--spacing--m);
  box-shadow: var(--box-shadow);
  border-radius: var(--border--radius);
  background-color: var(--color--tooltip--background);
  color: var(--color--tooltip--foreground);
  z-index: var(--z-index--tooltip);
  text-align: center;
  pointer-events: none;
}

.arrow {
  fill: var(--color--tooltip--background);
}