/* Reports interaction hint: visual-only states that mirror the existing hovers. */
@media (min-width: 1200px) {
  #tt-reports-block .tt-rep__tabs {
    position: relative;
  }

  #tt-reports-block .tt-rep__tabs .report-moving-highlight {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: rgba(51, 51, 51, .18);
    opacity: 0;
    pointer-events: none;
    transition:
      left 400ms cubic-bezier(.4, 0, .2, 1),
      top 400ms cubic-bezier(.4, 0, .2, 1),
      width 400ms cubic-bezier(.4, 0, .2, 1),
      height 400ms cubic-bezier(.4, 0, .2, 1),
      opacity 400ms ease;
  }

  #tt-reports-block .tt-rep__tabs .report-moving-highlight.is-visible {
    opacity: 1;
  }

  #tt-reports-block .tt-rep__tabs button {
    position: relative;
    z-index: 1;
  }

  #tt-reports-block .tt-rep__download.download-hint-active {
    background-color: var(--tt-accent);
    color: var(--rep-ink);
    -webkit-text-fill-color: var(--rep-ink);
  }

  #tt-reports-block .tt-rep__download {
    transition: background-color 400ms ease, color 400ms ease;
  }
}

@media (max-width: 1199.98px) {
  .tt-mobile-report-system__tabs {
    position: relative;
  }

  .tt-mobile-report-system__tabs .report-moving-highlight {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: rgba(51, 51, 51, .16);
    opacity: 0;
    pointer-events: none;
    transition:
      left 400ms cubic-bezier(.4, 0, .2, 1),
      top 400ms cubic-bezier(.4, 0, .2, 1),
      width 400ms cubic-bezier(.4, 0, .2, 1),
      height 400ms cubic-bezier(.4, 0, .2, 1),
      opacity 400ms ease;
  }

  .tt-mobile-report-system__tabs .report-moving-highlight.is-visible {
    opacity: 1;
  }

  .tt-mobile-report-system__tabs button {
    position: relative;
    z-index: 1;
  }

  .tt-mobile-report-system__actions a {
    transition: background-color 400ms ease, color 400ms ease;
  }

  .tt-mobile-report-system__actions a.download-hint-active {
    background-color: var(--tt-accent);
    color: var(--rep-ink);
    -webkit-text-fill-color: var(--rep-ink);
  }
}

@media (prefers-reduced-motion: reduce) {
  #tt-reports-block .report-moving-highlight,
  #tt-reports-block .download-hint-active,
  .tt-mobile-reports .report-moving-highlight,
  .tt-mobile-reports .download-hint-active {
    display: none;
  }
}