.media-tracks {
  counter-reset: trackCounter;
}
.media-tracks > li {
  counter-increment: trackCounter;
}
.media-tracks .media-track-title {
  display: flex;
}
.media-tracks .media-track-title:before {
  content: counter(trackCounter);
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  width: 1em;
  opacity: 0.5;
  text-align: center;
  margin-left: -0.625rem;
  margin-right: 0.625rem;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRlc2NyaXB0aW9uLnNjc3MiLCJkZXNjcmlwdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JBO0VBRUUsNEJBQUE7Q0NsQkQ7QURvQkM7RUFDRSxnQ0FBQTtDQ2xCSDtBRHFCQztFQUVFLGNBQUE7Q0NwQkg7QURzQkc7RUFDRSwrQkFBQTtFQUNBLGVBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLFdBQUE7RUFDQSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSx1QkFBQTtFQUNBLHVCQUFBO0NDcEJMIiwiZmlsZSI6ImRlc2NyaXB0aW9uLmNzcyJ9 */