#audio-transcript-player {
  display: none;
}

.cues {
  color: #333333; /* blue; */
  font-size: large;
  line-height: 1.8rem;
}

.cues:hover {
  text-decoration: underline;
}

.cues.current  {
  color: #7a0000;
  /* font-weight: bold; */
}

.cueTimestamp {
  color: #555555;
  padding-right: 10px;
  font-size: x-small;
}

.cues.current .cueTimestamp {
  color: #7a0000;
}

#myAudio {
  display: block;
  /* float: left; */
  /* margin-right: 2.85714%; */
  width: 100%; /* 65.71429%; */
  /* background-color: black; */
  position: relative;
}

#transcript {
  padding: 1rem; /* 10px; */
  /* border-left: 1px solid #666; */
  /* border-right: 1px solid #666; */
  box-shadow: 0px 0px 0px 1px #666 inset;
  /* float: left; */
  height: 225px;
  overflow: auto;
  /* width: 100%; */ /* 25%; */
  margin: 0;
  font-size: 14px;
  list-style: none;
  scroll-behavior: smooth;
  -webkit-mask-image: linear-gradient(black 95%, transparent);
  mask-image: linear-gradient (black 95%, transparent);
  
}