.f-tooltip .v-overlay__content {
  background-color: rgb(var(--v-theme-greyscale_7)) !important;
  color: rgb(var(--v-theme-greyscale_1)) !important;
  filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.12));
  border-radius: 8px;
  padding: 16px !important;
}
.f-tooltip__tip {
  position: relative;
  font-size: 12px;
  max-width: 180px;
}
.f-tooltip__arrow {
  color: rgb(var(--v-theme-greyscale_7));
  position: absolute;
}
.f-tooltip__arrow--top {
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.f-tooltip__arrow--end {
  left: -26px;
  bottom: 50%;
  transform: translateY(50%) rotate(-90deg);
}
.f-tooltip__arrow--bottom {
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}
.f-tooltip__arrow--start {
  right: -26px;
  bottom: 50%;
  transform: translateY(50%) rotate(90deg);
}