/* The canvas renderer's box: the marks, an overlay for what follows the pointer, a tooltip. */
.fr-canvas { position: relative; }
.fr-canvas-box { position: relative; max-width: 100%; touch-action: none; }
.fr-canvas-box canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.fr-canvas-over { cursor: crosshair; outline: none; }
.fr-canvas-over:focus-visible { outline: 2px solid #1e6fb3; outline-offset: 2px; }
.fr-chart-tip {
  position: absolute; pointer-events: none; z-index: 1; white-space: pre; max-width: 22rem;
  padding: 4px 7px; border-radius: 4px; background: rgba(24, 24, 27, 0.92); color: #fafafa;
  font-size: 12px; line-height: 1.35; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.fr-chart-tip[hidden] { display: none; }