@import "tailwindcss";

/* Tooltip arrow styles */
.tooltip-arrow::before {
  content: "";
  position: absolute;
  border: 6px solid transparent;
}

.tooltip-arrow-top::before {
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: #1f2937;
}

.tooltip-arrow-bottom::before {
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: #1f2937;
}

.tooltip-arrow-left::before {
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #1f2937;
}

.tooltip-arrow-right::before {
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: #1f2937;
}