/* Use the supplied report cover at its original proportions in both placements. */
.home-page .report-cover[data-cover-source="provided-report-cover"],
.research-page .restored-cover[data-cover-source="provided-report-cover"] {
  aspect-ratio: 930 / 1342;
}
.provided-report-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.report-button-label {
  display: grid;
  text-align: center;
}
.report-button-label > span {
  grid-area: 1 / 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 180ms cubic-bezier(.2, 0, 0, 1), transform 240ms cubic-bezier(.2, 0, 0, 1);
  transition-delay: 80ms;
}
.report-button-label svg {
  display: block;
  flex: none;
}
.report-button-label > [aria-hidden="true"] {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0ms;
}
.report-button-label > [data-report-default-label][aria-hidden="true"] {
  transform: translateY(-3px);
}
.report-button-label > [data-report-feedback-label][aria-hidden="true"] {
  transform: translateY(3px);
}

/* Retarget transitions from their current value, so repeated clicks never reset a frame. */
.page .button.solid-button[data-report-status="coming-soon"] {
  border-color: transparent;
  transition: background-color 220ms cubic-bezier(.2, 0, 0, 1), color 220ms cubic-bezier(.2, 0, 0, 1);
}
.page .button.solid-button[data-report-status="coming-soon"][data-report-feedback] {
  background: #161616;
  color: #fff;
}
.page .button.solid-button[data-report-status="coming-soon"][data-report-feedback="light"] {
  background: #fff;
  color: #161616;
}
.page .button.solid-button[data-report-status="coming-soon"][data-report-feedback="returning"] {
  transition: background-color 1050ms cubic-bezier(.4, 0, .2, 1), color 420ms ease 260ms;
}
@media (prefers-reduced-motion: reduce) {
  .page .button.solid-button[data-report-status="coming-soon"],
  .page .button.solid-button[data-report-status="coming-soon"][data-report-feedback],
  .report-button-label > span {
    transition-duration: .01ms;
    transition-delay: 0ms;
  }
  .report-button-label > span {
    transform: none;
  }
}