/* Custom Toolbar Button Tooltips
   Matches the native GraphiQL Radix tooltip style. */

.graphiql-toolbar-btn-wrapper {
	display: flex;
	position: relative;
}

.graphiql-custom-tooltip {
	display: none;
	position: absolute;
	top: calc(100% + 5px);
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	pointer-events: none;
	z-index: 999;
}

.graphiql-toolbar-btn-wrapper:hover > .graphiql-custom-tooltip {
	display: block;
}