body {
  --tooltip: var(--text);
  --tooltip-text: #fff;
  --links-tooltip: var(--accent);
  --links-tooltip-text: #fff;
}

body.night {
  --tooltip-text: #000;
  --links-tooltip-text: #000;
}

.tippy-tooltip.annasthms-theme {
  color            : var(--tooltip-text);
  background-color : var(--tooltip);
}

.tippy-tooltip.links-theme {
  /* --tooltip: #f1f1f1; */
  /* --tooltip-text: var(--text); */
  /* max-width: 100px; */
}

/*.tippy-tooltip.links-theme {
  color            : var(--links-tooltip-text);
  background-color : var(--links-tooltip);
}*/

.tippy-tooltip.annasthms-theme[data-animatefill] {
  background-color : transparent;
}

.tippy-tooltip.annasthms-theme[data-size=small] {
  /* padding: .1875rem .375rem; */
  padding: .2rem .4rem;
  line-height: 1.5em;
  min-width: 23px;
}

.tippy-tooltip.annasthms-theme .tippy-backdrop {
  background-color : var(--tooltip);
}

.tippy-tooltip.links-theme .tippy-backdrop {
  background-color : var(--links-tooltip);
}

.tippy-tooltip.links-theme .tippy-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tippy-tooltip.annasthms-theme .tippy-arrow {
  -webkit-transform: scale(.75);
          transform: scale(.75);
}

.tippy-tooltip.annasthms-theme[x-placement^='top'] .tippy-arrow {
  border-top-color : var(--tooltip);
}

.tippy-tooltip.annasthms-theme[x-placement^='bottom'] .tippy-arrow {
  border-bottom-color : var(--tooltip);
}

.tippy-tooltip.annasthms-theme[x-placement^='left'] .tippy-arrow {
  border-left-color : var(--tooltip);
}

.tippy-tooltip.annasthms-theme[x-placement^='right'] .tippy-arrow {
  border-right-color : var(--tooltip);
}

/*.tippy-tooltip.links-theme[x-placement^='top'] .tippy-arrow {
  border-top-color : var(--links-tooltip);
}

.tippy-tooltip.links-theme[x-placement^='bottom'] .tippy-arrow {
  border-bottom-color : var(--links-tooltip);
}

.tippy-tooltip.links-theme[x-placement^='left'] .tippy-arrow {
  border-left-color : var(--links-tooltip);
}

.tippy-tooltip.links-theme[x-placement^='right'] .tippy-arrow {
  border-right-color : var(--links-tooltip);
}*/

.tippy-tooltip.annasthms-theme .tippy-roundarrow {
  fill : var(--tooltip);
}
