/* Custom css for the `annotated-code-block` directive. */

div.highlight, div.highlight pre {
  overflow: visible;
}

.ann-wrap {
  position: relative;
  display: inline-block;
}

.ann-btn {
  font: inherit;
  padding: 0 0.25em;
  margin-left: 0.25em;
  line-height: 1;
  cursor: pointer;
}

.ann-tip {
  position: absolute;
  z-index: 9999;

  top: 1.3em;
  left: 0;

  display: block;
  min-width: 20rem;
  max-width: min(55rem, 90vw);
  padding: 0.4em 0.6em;

  border: 1px solid;
  border-radius: 0.4em;

  white-space: normal;

  pointer-events: auto;

  background-color: var(--color-background-primary, #ffffff);
  color: var(--color-foreground-primary, #000000);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  isolation: isolate;
}

.ann-tip[hidden] {
  display: none;
}