.dementor {
	margin: 0 0 14px;
}

.dementor__veil {
	padding: 10px 12px;
	border: 1px solid #e4dce8;
	border-radius: 10px;
	background: #faf8fc;
	box-shadow: 0 4px 14px rgba(99, 51, 160, 0.08);
}

.dementor__row {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
}

.dementor__sigils {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 4px;
	padding: 4px 8px;
	border-radius: 8px;
	background: #fff;
	border: 1px dashed #d8cce6;
	flex-shrink: 0;
}

.dementor__mark {
	display: block;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}

.dementor__echo {
	width: 72px;
	min-width: 72px;
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #cfcfcf;
	border-radius: 8px;
	font-size: 1rem;
	line-height: 1.2;
	color: #222;
	background: #fff;
	box-sizing: border-box;
	flex-shrink: 0;
}

.dementor__echo:focus {
	outline: none;
	border-color: #6333a0;
	box-shadow: 0 0 0 2px rgba(99, 51, 160, 0.15);
}

.wpcf7-form .dementor + input.wpcf7-submit,
.wpcf7-form .dementor + button.wpcf7-submit {
	margin-top: 0;
}

@media (max-width: 480px) {
	.dementor__row {
		gap: 8px;
	}

	.dementor__mark {
		width: 28px;
		height: 28px;
		flex-basis: 28px;
	}
}