/* ===== pc-iban-input ===== */

pc-iban-input {
	display: block;
}

pc-iban-input .pc-iban-input-wrap {
	display: flex;
	flex-direction: column;
}

pc-iban-input .pc-iban-input-wrap input {
	width: 100%;
	box-sizing: border-box;
}

/* Validation indicator row below the input */
pc-iban-input .pc-iban-indicator {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm, 4px);
	margin-top: var(--rd-spacing-xx-sm, 4px);
	font-size: var(--rd-fontsize-3, 12px);
	line-height: 1.4;
}

pc-iban-input .pc-iban-indicator .material-icons {
	font-size: 16px;
}

pc-iban-input .pc-iban-indicator--valid {
	color: var(--rd-success-active, #89b63f);
}

pc-iban-input .pc-iban-indicator--invalid {
	color: var(--rd-error-active, #f54b5e);
}