html.headline-rollout-pending [data-headline-rollout] {
  opacity: 0;
}

[data-headline-rollout].is-headline-rollout-enhanced,
[data-headline-rollout].is-headline-rollout-static {
  opacity: 1;
}

[data-headline-rollout].is-headline-rollout-enhanced .headline-rollout-char {
  position: relative;
  opacity: 0;
  top: 0.10em;
  filter: blur(0.8px);
  transition: opacity 18ms linear, top 18ms linear, filter 18ms linear;
  transition-delay: var(--headline-rollout-delay, 0ms);
}

[data-headline-rollout].is-headline-rollout-visible .headline-rollout-char {
  opacity: 1;
  top: 0;
  filter: none;
}

[data-headline-rollout].is-headline-rollout-static .headline-rollout-char {
  opacity: 1;
  top: 0;
  filter: none;
  transition: none;
}

html.a11y-reduce-motion [data-headline-rollout] .headline-rollout-char {
  opacity: 1 !important;
  top: 0 !important;
  filter: none !important;
  transition: none !important;
}

html.a11y-reduce-motion [data-headline-rollout] {
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-headline-rollout] {
    opacity: 1 !important;
  }

  [data-headline-rollout] .headline-rollout-char {
    opacity: 1 !important;
    top: 0 !important;
    filter: none !important;
    transition: none !important;
  }
}

@media (max-width: 640px) and (hover: hover) and (pointer: fine) {
  [data-headline-rollout] .headline-rollout-word.loupe-word {
    display: inline;
    white-space: normal;
  }

  [data-headline-rollout] .headline-rollout-char.loupe-ch {
    display: inline;
  }
}
