// Overrides styles of annotator.min
//

.annotator-adder {
  background-image: image-url("annotator_adder.png");
  margin-top: -52px;
}

.annotator-hl {
  background: rgba(255, 249, 218, 0.75);
  cursor: pointer;

  &.weight-1 {
    background: hsla(50, 100%, 93%, 0.5);

    .weight-1 {
      background: hsla(50, 100%, 93%, 0.75);
    }
  }

  &.weight-2 {
    background: hsla(63, 78%, 86%, 0.5);

    .weight-2 {
      background: hsla(63, 78%, 86%, 0.75);
    }
  }

  &.weight-3 {
    background: hsla(52, 100%, 85%, 0.5);

    .weight-3 {
      background: hsla(52, 100%, 85%, 0.75);
    }
  }

  &.weight-4 {
    background: hsla(51, 91%, 75%, 0.5);

    .weight-4 {
      background: hsla(51, 91%, 75%, 0.75);
    }
  }

  &.weight-5 {
    background: hsla(46, 83%, 60%, 0.5);

    .weight-5 {
      background: hsla(46, 83%, 60%, 0.5);
    }
  }
}

.current-annotation {
  text-decoration: underline;
}