/* Figma 3949:560 — custom audio pronunciation card. */
.wp-block-crunchr-audio-player.crunchr-audio-player {
	box-sizing: border-box;
	width: min(100%, 639px);
	min-height: 187px;
	margin-block: var(--wp--preset--spacing--80, 40px);
	padding: 43px 59px 38px;
	border: 1px solid var(--wp--preset--color--neutral-100, #d3d9e3);
	border-radius: 16px;
	background: var(--wp--preset--color--neutral-50, #f2f4f7);
}

.crunchr-audio-player__heading {
	display: flex;
	align-items: center;
	gap: 24px;
}

.crunchr-audio-player__term,
.crunchr-audio-player__details {
	margin: 0;
}

.crunchr-audio-player__term {
	color: var(--wp--preset--color--neutral-900, #171d26);
	font-size: clamp(var(--wp--preset--font-size--h-4), 5vw, var(--wp--preset--font-size--h-3));
	font-weight: 600;
	line-height: 1.2;
}

.crunchr-audio-player__details {
	margin-top: 10px;
	color: var(--wp--preset--color--neutral-700, #3c4658);
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 400;
	line-height: 1.55;
}

.crunchr-audio-player__button {
	position: relative;
	display: block;
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}

.crunchr-audio-player__button-bg {
	display: block;
	width: 46px;
	height: 46px;
}

.crunchr-audio-player__button-icon {
	position: absolute;
	top: 13px;
	left: 13px;
	display: block;
	width: 20px;
	height: 20px;
}

.crunchr-audio-player__button:hover { transform: translateY(-1px); }
.crunchr-audio-player__button:focus-visible { outline: 3px solid var(--wp--preset--color--blue-300, #77aef7); outline-offset: 3px; }
.crunchr-audio-player__button.is-playing { animation: crunchr-audio-pulse 1.35s ease-in-out infinite; }
.crunchr-audio-player__button:disabled { cursor: not-allowed; opacity: .5; }
.crunchr-audio-player__audio { display: none; }
.crunchr-audio-player__file { overflow-wrap: anywhere; }

@keyframes crunchr-audio-pulse {
	50% { transform: scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
	.crunchr-audio-player__button.is-playing { animation: none; }
}

@media (max-width: 600px) {
	.wp-block-crunchr-audio-player.crunchr-audio-player { min-height: 0; padding: 28px 24px; }
	.crunchr-audio-player__heading { gap: 16px; }
	.crunchr-audio-player__details { margin-top: 14px; }
}