/* Retro placeholder caret. The html/body specificity keeps this override stable after Vite CSS loads. */
html body [data-letter-composer-placeholder="true"] i {
  display: inline-block !important;
  width: 2px !important;
  min-width: 2px !important;
  height: 1.15em !important;
  margin-inline-start: 2px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--fresh-primary, #24735f) !important;
  color: transparent !important;
  line-height: 1 !important;
  vertical-align: -0.14em;
  white-space: nowrap;
  pointer-events: none;
  animation: letter-composer-retro-caret-blink 700ms steps(1, end) infinite !important;
}

@keyframes letter-composer-retro-caret-blink {
  0%,
  45% {
    opacity: 1;
  }

  46%,
  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body [data-letter-composer-placeholder="true"] i {
    opacity: 1 !important;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  html body [data-letter-composer-placeholder="true"] i {
    background: CanvasText !important;
  }
}