/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Lexxy editor — match body text size */
lexxy-editor {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Lexxy rendered content — match body text size */
.lexxy-content {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Onboarding theme preview — scroll one viewport down and back up on hover */
@keyframes theme-preview-scroll {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-700px); }
  100% { transform: translateY(0); }
}

.theme-preview-iframe {
  transition: transform 400ms ease-out;
}

.group:hover .theme-preview-iframe {
  animation: theme-preview-scroll 2200ms ease-in-out infinite;
}