/*
 * Design: Deal Room — confidential code word, charcoal grey, a sparing blue.
 */
.mf-design--deal-room {
	--mf-accent: #4c6ef5;
	--mf-bg: #1c1e24;
	--mf-ink: #e4e5ea;
	--mf-line: #383a42;
	--mf-field: #25272e;

	position: relative;
	padding: 20px;
	background: var( --mf-bg );
	color: var( --mf-ink );
	font-family: -apple-system, Arial, sans-serif;
}

.mf-design--deal-room .mf-form__marginal {
	position: absolute;
	top: 14px;
	right: 16px;
	font-family: "SF Mono", Consolas, monospace;
	font-size: 9px;
	letter-spacing: 0.06em;
	color: color-mix( in srgb, var( --mf-ink ) 40%, transparent );
}

.mf-design--deal-room .mf-form__label {
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: color-mix( in srgb, var( --mf-ink ) 55%, transparent );
}

.mf-design--deal-room .mf-form__input,
.mf-design--deal-room select.mf-form__input,
.mf-design--deal-room textarea.mf-form__input {
	border: 1px solid var( --mf-line );
	border-radius: 0;
	padding: 9px 10px;
	background: var( --mf-field );
	color: var( --mf-ink );
}

.mf-design--deal-room .mf-form__input:focus {
	outline: none;
	border-color: var( --mf-accent );
	box-shadow: 0 0 0 3px color-mix( in srgb, var( --mf-accent ) 16%, transparent );
}

.mf-design--deal-room .mf-form__group {
	margin: 0;
	padding: 0;
	border: none;
}

.mf-design--deal-room .mf-form__consent a {
	color: var( --mf-accent );
}

.mf-design--deal-room .mf-form__required {
	color: var( --mf-accent );
}

.mf-design--deal-room .mf-form__error {
	color: #ff9b9b;
}

.mf-design--deal-room .mf-form__submit {
	margin-top: 2px;
	padding: 11px;
	border: none;
	background: var( --mf-accent );
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}