/* Tailwind Elements: popups.css */

/* === Popup === */

[data-popup] {
	/* https://floating-ui.com/docs/computeposition#usage */
	@apply absolute top-0 left-0;
	/* Set hidden on page load */
	@apply hidden;
	/* Transitions */
	@apply transition-opacity duration-150;
}

[data-popup] .arrow {
	@apply absolute rotate-45 w-2 h-2;
}