/* score.css
   Styles for music sheet, note highlighting, and cursor
*/

.score-container {
  position: relative;
  width: 100%;
  min-height: 200px;
}

.note-highlight {
  fill: #ffeb3b !important;
  stroke: #fbc02d !important;
  filter: drop-shadow(0 0 6px #ffe082);
}

.cursor {
  position: absolute;
  width: 2px;
  background: #1976d2;
  top: 0;
  bottom: 0;
  z-index: 10;
  transition: left 0.2s cubic-bezier(.4,0,.2,1);
}