/**
 * PPF Blueprint LMS - game SFX mute toggle (v0.3.123).
 * Quiet chrome control; no motion dependency.
 */
.ppfb-sfx-toggle {
	appearance: none;
	-webkit-appearance: none;
	margin: 0 0 0 0.75rem;
	padding: 0.35rem 0.7rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 0.75rem;
	line-height: 1.2;
	letter-spacing: 0.01em;
	cursor: pointer;
	opacity: 0.72;
	transition: opacity 160ms ease, background-color 160ms ease;
}
.ppfb-sfx-toggle:hover,
.ppfb-sfx-toggle:focus-visible {
	opacity: 1;
	outline: none;
}
.ppfb-sfx-toggle:focus-visible {
	box-shadow: 0 0 0 2px #0071E3;
}
.ppfb-sfx-toggle.is-muted {
	opacity: 0.55;
}
/* Charcoal lesson chrome: keep the chip readable on dark bands. */
.ppfb-chrome .ppfb-sfx-toggle {
	border-color: rgba(255, 255, 255, 0.22);
	color: inherit;
}
@media (prefers-reduced-motion: reduce) {
	.ppfb-sfx-toggle {
		transition: none;
	}
}