.bpw-container {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	background-color: #f5f5f7;
	touch-action: none;
}

.bpw-ball {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: grab;
	will-change: transform;
	text-align: center;
	padding: 8px;
	box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	touch-action: none;
	backface-visibility: hidden;
}

.bpw-ball:active {
	cursor: grabbing;
}

.bpw-ball-label {
	pointer-events: none;
	overflow: hidden;
	word-break: break-word;
	max-width: 100%;
}

/* Solange die Physik-Engine noch nicht initialisiert hat, Buttons ausblenden,
   damit sie nicht kurz oben links "aufblitzen". */
.bpw-container:not(.bpw-ready) .bpw-ball {
	opacity: 0;
}

.bpw-container.bpw-ready .bpw-ball {
	opacity: 1;
	transition: opacity 0.25s ease;
}