.cyber-tooltip {
	position: relative;
	cursor: help;
}

.cyber-tooltip:hover::after {
	content: attr(data-tip);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0.5rem);
	background: rgba(8, 10, 30, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: var(--cyber-text-primary);
	font-size: 0.75rem;
	padding: 0.35rem 0.6rem;
	border-radius: var(--cyber-radius-xs);
	white-space: nowrap;
	z-index: var(--cyber-z-dropdown);
}
