/**
 * Front-end styles for the [phrase_gen] shortcode.
 *
 * Deliberately minimal: inherit the theme's typography and colours rather
 * than imposing any, and only style what the block itself needs.
 */

.phrase-gen__phrase {
	margin: 0 0 0.75em;
}

.phrase-gen__form {
	margin: 0;
}

.phrase-gen[aria-busy='true'] .phrase-gen__phrase {
	opacity: 0.5;
	transition: opacity 120ms ease-in-out;
}

.phrase-gen__refresh[disabled] {
	cursor: progress;
}

@media ( prefers-reduced-motion: reduce ) {
	.phrase-gen[aria-busy='true'] .phrase-gen__phrase {
		transition: none;
	}
}