.react-annotate-highlight {
  color: inherit;
  display: inherit;
  width: fit-content;
}

.react-annotate-highlight > img {
  margin-bottom: -8px;
  mix-blend-mode: darken;
}

.react-annotate-hide {
  display: none;
}

.react-annotate-handle:after {
  background-color: red;
  color: white;
  content: '...';
  cursor: pointer;
  display: inline-block;
  font-size: initial;
  height: 30px;
  line-height: 30px;
  padding: 3px 0 4px;
  margin-bottom: 5px;
  text-indent: 0;
}

.react-annotate-force-collapse:not([data-react-annotate-handle-id]),
.react-annotate-force-collapse *:not([data-react-annotate-handle-id]) {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.react-annotate-force-collapse.react-annotate-force-collapse-handle-parent {
  margin: 10px 0 !important;
  text-indent: 0 !important;
  min-height: 30px;
}

.react-annotate-force-collapse caption {
  display: none
}

.react-annotate-inactive-link {
  cursor: pointer;
}

.react-annotate-inactive-link > a, .react-annotate-inactive-link span[data-defined-term] {
  pointer-events: none;
}

.react-annotate-highlight {
    background-color: #FFD76E; /* Yellow 200 */
    border: 1px solid #FFD76E;
    cursor: pointer;
    padding: 4px 0 5px;
}

.react-annotate-handle::after {
    background-color: #F79797; /* Red 200 */
    color: #000000;
    padding: 3px 4px 1px;
}

::selection {
    background-color: rgb(58, 143, 250);
    color: white;
}

.react-annotate-handle:hover,
.react-annotate-highlight:hover {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.hidden-annotation-visible {
  background-color: #F79797;
  cursor: pointer;
  display: initial !important;
  padding: 5px 0 6px;
}

.handle-hidden {
  display: none !important;
}


/*# sourceMappingURL=main.3f386077906f44cd99cc.css.map*/