/**
 * Bank transfer receipt field, classic (shortcode) checkout.
 *
 * Logical properties throughout, so the field flips with the document on RTL
 * stores rather than needing the `body.rtl` overrides this replaced.
 */

.btu-field {
	margin-block-end: 20px;
}

.btu-field__heading {
	margin-block-end: 8px;
}

.btu-field__input {
	inline-size: 100%;
	padding: 10px;
	border: 2px dashed #e1e1e1;
	background: rgba( 225, 225, 225, 0.14 );
	cursor: pointer;
}

.btu-field__input:disabled {
	cursor: progress;
	opacity: 0.6;
}

.btu-field__hint {
	display: block;
	margin-block-start: 10px;
	font-size: 0.875em;
	color: #e2380e;
}

.btu-field__status {
	display: block;
	margin-block-start: 10px;
	font-weight: 600;
}

.btu-field__status--busy {
	color: #b26200;
}

.btu-field__status--error {
	color: #cc1818;
}

.btu-field__status--done {
	color: #0a7c42;
	overflow-wrap: anywhere;
}