.sandbox-tooltip.tooltip .tooltip-inner {
  font-size: 0.72rem;
  border: 1px solid var(--sandbox-border, rgba(15, 23, 42, 0.22));
  background: color-mix(in srgb, var(--sandbox-surface, #ffffff) 92%, var(--sandbox-ruler-bg, #f1f5f9));
  color: var(--sandbox-text, #0f172a);
}

.sandbox-tooltip.tooltip .tooltip-arrow::before {
  border-top-color: color-mix(in srgb, var(--sandbox-surface, #ffffff) 92%, var(--sandbox-ruler-bg, #f1f5f9));
  border-bottom-color: color-mix(in srgb, var(--sandbox-surface, #ffffff) 92%, var(--sandbox-ruler-bg, #f1f5f9));
  border-left-color: color-mix(in srgb, var(--sandbox-surface, #ffffff) 92%, var(--sandbox-ruler-bg, #f1f5f9));
  border-right-color: color-mix(in srgb, var(--sandbox-surface, #ffffff) 92%, var(--sandbox-ruler-bg, #f1f5f9));
}