.c-tooltip-content {
  @apply z-[100] select-none rounded-md px-4 py-2 text-xs font-medium leading-none shadow-tooltip transition;
  font-style: italic;
}

.c-tooltip-success {
  @apply border border-solid border-cyan-300-600 bg-cyan-100-800 text-green-600-300;

  .c-tooltip-arrow {
    @apply fill-cyan-100-800;
  }
}

.c-tooltip-error {
  @apply border border-solid border-pink-200-700 bg-pink-100-800 text-pink-700-200;

  .c-tooltip-arrow {
    @apply fill-pink-100-800;
  }
}

.c-tooltip-warning {
  @apply border border-solid border-orange-200-700 bg-orange-100-800 text-green-600-300;

  .c-tooltip-arrow {
    @apply fill-orange-100-800;
  }
}

.c-tooltip-info {
  @apply border border-solid border-purple-200-700 bg-white text-green-600-300;

  .c-tooltip-arrow {
    @apply fill-white;
  }
}
