/* Bergamota: estilo dos efeitos de áudio (Tirar ruído, Cortar silêncios, Voz e música): a onda com as pausas em destaque, o resumo e o
   "ouvir antes e depois". Só usa as variáveis de bergamota.css, então acompanha o tema claro e o escuro. */

.fx-wave {
	display: block;
	width: 100%;
	height: 72px;
	border-radius: 12px;
	border: 1px solid var(--line);
	background: var(--panel-2);
}

.fx-summary {
	margin: 0;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.fx-preview:empty { display: none; }

.fx-ab {
	display: grid;
	gap: .6rem;
	padding: .8rem;
	border-radius: 12px;
	border: 1px solid var(--line);
	background: var(--panel-2);
}
.fx-ab .btn { justify-self: start; }
.fx-ab .field__hint { margin: 0; }

@media (prefers-reduced-motion: reduce) {
	.fx-ab, .fx-wave { transition: none; }
}