.factendec-bacs-payment,
.factendec-bacs-payment * {
	box-sizing: border-box;
}

.factendec-bacs-payment {
	display: grid;
	gap: 20px;
	padding-top: 8px;
}

.factendec-bacs-payment__description,
.factendec-bacs-accounts__card,
.factendec-bacs-accounts__row dt,
.factendec-bacs-accounts__row dd,
.factendec-bacs-proof__help,
.factendec-bacs-proof__format {
	margin: 0;
}

.factendec-bacs-payment__description:empty,
.factendec-bacs-proof__status:empty {
	display: none;
}

.factendec-bacs-accounts__title,
.factendec-bacs-proof__title {
	display: block;
	margin-bottom: 12px;
}

.factendec-bacs-accounts__grid,
.factendec-bacs-accounts__card,
.factendec-bacs-proof {
	display: grid;
	gap: 12px;
}

.factendec-bacs-accounts__row {
	align-items: center;
	display: grid;
	gap: 2px 12px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.factendec-bacs-accounts__row dt,
.factendec-bacs-accounts__row dd {
	grid-column: 1;
	overflow-wrap: anywhere;
}

.factendec-bacs-payment .wc-block-components-button.factendec-bacs-accounts__copy {
	align-items: center;
	align-self: center;
	display: inline-flex;
	grid-column: 2;
	grid-row: 1 / span 2;
	height: 44px;
	justify-content: center;
	min-width: 44px;
	padding: 0;
	width: 44px;
}

.factendec-bacs-accounts__copy-icon {
	display: block;
	height: 20px;
	width: 20px;
}

.factendec-bacs-payment .factendec-bacs-accounts__copy-icon,
.factendec-bacs-payment .factendec-bacs-accounts__copy-icon * {
	fill: none;
}

.factendec-bacs-proof {
	margin-top: 4px;
}

.factendec-bacs-proof__controls {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
}

.factendec-bacs-proof__filename,
.factendec-bacs-proof__preview-meta {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.factendec-bacs-proof__format,
.factendec-bacs-proof__status {
	display: block;
}

.factendec-bacs-proof__preview {
	align-items: center;
	display: flex;
	gap: 12px;
}

.factendec-bacs-proof__preview img {
	display: block;
	height: 64px;
	object-fit: cover;
	width: 64px;
}

@media screen and (max-width: 600px) {
	.factendec-bacs-proof__controls {
		align-items: stretch;
		flex-direction: column;
	}

	.factendec-bacs-proof__select {
		justify-content: center;
		width: 100%;
	}
}