/* "/nsfz-assets/scale-volume.css" */

.control-panel {
	position: fixed;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 0.5vw;
	background: rgba(0, 0, 0, 0.6);
	padding: 0.5vw;
	border-radius: 0.5vw;
	opacity: 0.7;
}

.control-panel button {
	font-size: 1.5vw;
	width: 6vw;
	height: 3vw;
	line-height: 3vw;	/* Match height for vertical centering */
	padding: 0;
}

.control-panel span {
	color: white;
	font-size: 1.5vw;
	min-width: 4vw;					 /* Ensure wide enough for 100% */
	height: 3vw;
	line-height: 3vw;				 /* Vertically centered */
	text-align: center;
	display: inline-block;		/* Ensure box model respects dimensions */
	white-space: nowrap;			/* Prevent wrap */
}

#scale-controls {
	top: 1vw;
	right: 1vw;
}

#volume-controls {
	top: 5vw;
	right: 1vw;
}

.scale-volume-display,
.scale-volume-button {
	color: white;
}