spur-tailwind/css/components/popout.css

Spur web UI

.popout {
  @apply absolute mt-1 p-5 bg-white rounded-md shadow-md opacity-0;
  transform: translateX(-76%);
}

.popout::before {
  @apply absolute block text-white text-xl leading-none;
  top: -1rem;
  right: 1rem;
  content: '▲';
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: -1;
  transform: scale(2, 1);
}

.popout::after {
  @apply absolute inset-x-0 top-0 block h-4 bg-white rounded-t-md pointer-events-none;
  content: '';
}