.annotated, .annotated *, .variation, .variation * {
  font-weight: bold;
  fill: var(--bs-danger);
  stroke: var(--bs-danger);
}

.played, .played * {
  font-weight: bold;
  fill: var(--custom-info);
  stroke: var(--custom-info);
}

.selected, .selected * {
  font-weight: bold;
  fill: var(--custom-info-active);
  stroke: var(--custom-info-active);
}

.file_button {
  font-size: 12px;
}

.current_link {
  color: var(--custom-info-active);
  font-weight: bold;
}

#sidebar_left, #main, #sidebar_right {
  overflow-y: auto;
}

#sidebar_left, #sidebar_right {
  z-index: 20;
}

#annotation_popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

a.to_remove {
  text-decoration: line-through !important;
  pointer-events: none;
  opacity: 0.5;
}

button.toggle_measure {
  font-size: 12px;
}

button.delete_annotation[disabled], a.annotation_link.disabled {
  opacity: 0.65;
}

a.annotation_link.disabled {
  pointer-events: none;
}

/* SVG displayed in the "get selection as SVG" modal using Ace editor */
#selection_svg_content {
  width: 100%;
  height: 600px;
}