.purtle-transcript-active {
  padding: 0.75rem 1rem;
  border-left: 4px solid currentColor;
  background: rgba(212, 175, 55, 0.16);
  scroll-margin-top: 6rem;
}

@media (min-width: 992px) {
  .purtle-timestamp-player {
    position: sticky;
    top: 1rem;
    z-index: 20;
    padding: 0.75rem;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);
  }

  .purtle-transcript-active {
    scroll-margin-top: 16rem;
  }
}