.playhead {
  position: fixed;
  inset-block: 0;
  inset-inline-end: 4px;
  width: 2px;
  z-index: 3000;
  pointer-events: none;
}

.playhead__track {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--color-border) 65%, transparent);
}

.playhead__tick {
  position: absolute;
  inset-inline: -2px;
  height: 1px;
  background: color-mix(in srgb, var(--color-text-muted) 55%, transparent);
}

.playhead__thumb {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  height: 56px;
  background: linear-gradient(var(--color-gold), var(--color-glow-violet));
  opacity: 0.85;
  transition: transform 0.15s linear;
  will-change: transform;
}

@media (max-width: 860px) {
  .playhead {
    display: none;
  }
}