/*
 * Base styles for the overlay, applied inside the closed shadow root via the
 * bundled assets/content.css. Kit CSS custom properties defined on the host
 * page's :root inherit into the shadow tree, so kit colors resolve here too.
 */
.ltt-overlay-root {
  position: absolute;
  inset: 0;
  pointer-events: none;
  font-family: var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);
  font-size: 13px;
  color: var(--color-text, #c0caf5);
}

.ltt-overlay-root *,
.ltt-overlay-root *::before,
.ltt-overlay-root *::after {
  box-sizing: border-box;
}

/* interactive layers opt back in */
.ltt-overlay-root .ltt-interactive {
  pointer-events: auto;
}