/*
 * 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.
 */

.innovent-logo-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.innovent-logo {
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
  transform-origin: center center;
  stroke-width: 50;
}

.innovent-logo circle {
  stroke: var(--innovent-stroke, #12093a);
  fill: none;
}

.innovent-logo .solid-circle {
  fill: var(--innovent-fill, #12093a);
  stroke: none;
}

.innovent-logo--pulse {
  animation: innovent-logo-pulse 2s ease-in-out infinite;
}

@keyframes innovent-logo-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  45% {
    transform: scale(1.2);
    opacity: 0.8;
  }
}

@media (prefers-reduced-motion: reduce) {
  .innovent-logo--pulse {
    animation: none;
  }
}