.tippy-box {
  border: 1px transparent;
}
.tippy-box[data-placement^="top"] > .tippy-arrow:after {
  border-top-color: inherit;
  border-width: 8px 8px 0;
  bottom: -8px;
  left: 0;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:after {
  border-bottom-color: inherit;
  border-width: 0 8px 8px;
  top: -8px;
  left: 0;
}
.tippy-box[data-placement^="left"] > .tippy-arrow:after {
  border-left-color: inherit;
  border-width: 8px 0 8px 8px;
  right: -8px;
  top: 0;
}
.tippy-box[data-placement^="right"] > .tippy-arrow:after {
  border-width: 8px 8px 8px 0;
  left: -8px;
  top: 0;
  border-right-color: inherit;
}
.tippy-box[data-placement^="top"]
  > .tippy-svg-arrow
  > svg:first-child:not(:last-child) {
  top: 17px;
}
.tippy-box[data-placement^="bottom"]
  > .tippy-svg-arrow
  > svg:first-child:not(:last-child) {
  bottom: 17px;
}
.tippy-box[data-placement^="left"]
  > .tippy-svg-arrow
  > svg:first-child:not(:last-child) {
  left: 12px;
}
.tippy-box[data-placement^="right"]
  > .tippy-svg-arrow
  > svg:first-child:not(:last-child) {
  right: 12px;
}
.tippy-arrow {
  border-color: inherit;
}
.tippy-arrow:after {
  content: "";
  z-index: -1;
  position: absolute;
  border-color: transparent;
  border-style: solid;
}