/* Shared Cheminations header logo animation */

#header .cheminations-logo {
  align-items: center;
  display: flex;
  min-height: 3.4rem;
}

.cheminations-logo-stage {
  --cheminations-logo-coral: #f56565;
  --cheminations-logo-indigo: #667eea;
  --cheminations-logo-line: rgba(210, 215, 217, 0.75);
  display: inline-block;
  height: 3.4rem;
  overflow: hidden;
  position: relative;
  width: 11rem;
}

.cheminations-logo-word {
  align-items: center;
  display: flex;
  inset: 0;
  opacity: 1;
  position: absolute;
  transform: translateY(0) scale(1);
  transform-origin: left center;
  will-change: opacity, transform;
}

.cheminations-logo-canvas {
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 736px) {
  #header .cheminations-logo {
    min-height: 3.2rem;
  }

  .cheminations-logo-stage {
    height: 3.2rem;
    width: 10.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheminations-logo-word {
    opacity: 1 !important;
    transform: none !important;
  }

  .cheminations-logo-canvas {
    display: none;
  }
}