.ty-tooltip {
  font-size: var(--ty-tooltip-font-size);
  color: var(--ty-tooltip-color);
}
.ty-tooltip__inner {
  padding: var(--ty-tooltip-content-padding);
}
.ty-tooltip .ty-popup__arrow, .ty-tooltip .ty-popup__arrow::before {
  width: var(--ty-tooltip-arrow-size);
  height: var(--ty-tooltip-arrow-size);
}
.ty-tooltip[data-popper-placement^=top] > .ty-popup__arrow {
  bottom: calc(var(--ty-tooltip-arrow-size) / -2);
}
.ty-tooltip[data-popper-placement^=bottom] > .ty-popup__arrow {
  top: calc(var(--ty-tooltip-arrow-size) / -2);
}
.ty-tooltip[data-popper-placement^=left] > .ty-popup__arrow {
  right: calc(var(--ty-tooltip-arrow-size) / -2);
}
.ty-tooltip[data-popper-placement^=right] > .ty-popup__arrow {
  left: calc(var(--ty-tooltip-arrow-size) / -2);
}