@import "Theme.scss";

.pixel-tooltip-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	// Above every other layer in any host (the editor's .character-slot is itself 1000, and on a tie the
	// later sibling wins — which left the bubble's background painted UNDER the picker while its text,
	// drawn in a later pass, still showed through).
	z-index: 100000;
	pointer-events: none;

	.bubble {
		position: absolute;
		padding: 8px 12px 7px 12px;
		background-color: #024a54;
		border: 4px solid $white;
		border-radius: 0;
		color: $white;
		font-family: $font;
		font-size: 18px;
		line-height: 0.9;
		text-shadow: 2px 2px 0 $black;
		white-space: normal;
		//overflow-wrap: break-word
	}
}