/* Final styles for native PremiumBox exchange direction pages. */
.bn-exchange-direct-site .bn-exchange-direct-shell {
	position: relative;
	width: min(1180px, calc(100% - 40px));
	margin: 56px auto 34px;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(245, 185, 21, .22);
	border-radius: 22px;
	background:
		linear-gradient(115deg, rgba(245, 185, 21, .11), transparent 44%),
		linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
		#090909;
	box-shadow:
		0 34px 110px rgba(0, 0, 0, .52),
		inset 0 1px 0 rgba(255, 255, 255, .08);
}

.bn-exchange-direct-site .bn-exchange-direct-shell::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(9, 9, 9, .96) 0%, rgba(9, 9, 9, .82) 50%, rgba(9, 9, 9, .42) 100%),
		url("../images/bulls-chair-suit-metal-head.png") right -80px top -110px / 560px auto no-repeat;
	opacity: .42;
	pointer-events: none;
}

.bn-exchange-direct-site .bn-exchange-direct-shell > * {
	position: relative;
	z-index: 1;
}

.bn-exchange-direct-site .bn-exchange-direct-head {
	max-width: 760px;
	padding: 36px 38px 22px;
	border-bottom: 0;
}

.bn-exchange-direct-site .bn-exchange-direct-head span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 12px;
	border: 1px solid rgba(245, 185, 21, .32);
	border-radius: 999px;
	background: rgba(245, 185, 21, .12);
	color: #ffd43e;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.bn-exchange-direct-site .bn-exchange-direct-head h1 {
	margin: 18px 0 12px;
	color: #fff;
	font-size: clamp(36px, 5vw, 68px);
	line-height: .98;
	letter-spacing: 0;
}

.bn-exchange-direct-site .bn-exchange-direct-head p {
	max-width: 620px;
	margin: 0;
	color: #d9d0bc;
	font-size: 17px;
	line-height: 1.65;
}

.bn-exchange-direct-site .bn-exchange-direct-grid {
	display: grid;
	grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
	gap: 22px;
	align-items: start;
	padding: 18px 38px 38px;
}

.bn-exchange-direct-site .bn-exchange-direct-note {
	display: grid;
	gap: 12px;
}

.bn-exchange-direct-site .bn-exchange-direct-note div {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 78px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));
}

.bn-exchange-direct-site .bn-exchange-direct-note b {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffd83e, #b77a00);
	color: #0c0700;
	font-size: 16px;
	font-weight: 950;
	box-shadow: 0 12px 28px rgba(245, 185, 21, .22);
}

.bn-exchange-direct-site .bn-exchange-direct-note span {
	color: #f7eed9;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.28;
}

.bn-exchange-direct-site .bn-exchange-direct-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 18px;
	background:
		linear-gradient(145deg, rgba(255, 212, 62, .08), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .022)),
		rgba(9, 9, 9, .9);
	box-shadow:
		0 24px 90px rgba(0, 0, 0, .38),
		inset 0 1px 0 rgba(255, 255, 255, .08);
}

.bn-exchange-direct-site .bn-exchange-direct-content .exch_ajax_wrap,
.bn-exchange-direct-site .bn-exchange-direct-content .hexch_ajax_wrap,
.bn-exchange-direct-site .bn-exchange-direct-content .xchange_div,
.bn-exchange-direct-site .bn-exchange-direct-content form.ajax_post_bids {
	width: 100%;
	max-width: none;
	margin: 0;
	border-color: rgba(245, 185, 21, .18);
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .016)),
		rgba(12, 12, 12, .9);
}

.bn-exchange-direct-site .bn-exchange-direct-content .exch_ajax_wrap,
.bn-exchange-direct-site .bn-exchange-direct-content .hexch_ajax_wrap,
.bn-exchange-direct-site .bn-exchange-direct-content form.ajax_post_bids {
	padding: 18px;
}

.bn-exchange-direct-site .bn-exchange-direct-content .xchange_data_title,
.bn-exchange-direct-site .bn-exchange-direct-content .hexch_bigtitle,
.bn-exchange-direct-site .bn-exchange-direct-content .block_xchdata_title,
.bn-exchange-direct-site .bn-exchange-direct-content .block_persdata_title {
	color: #ffd43e;
	font-size: 15px;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: none;
}

.bn-exchange-direct-site .bn-exchange-direct-content input[type="text"],
.bn-exchange-direct-site .bn-exchange-direct-content input[type="email"],
.bn-exchange-direct-site .bn-exchange-direct-content input[type="password"],
.bn-exchange-direct-site .bn-exchange-direct-content input[type="number"],
.bn-exchange-direct-site .bn-exchange-direct-content select,
.bn-exchange-direct-site .bn-exchange-direct-content textarea {
	min-height: 48px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025));
	color: #fff;
	font-weight: 800;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.bn-exchange-direct-site .bn-exchange-direct-content textarea {
	min-height: 104px;
}

.bn-exchange-direct-site .bn-exchange-direct-content input:focus,
.bn-exchange-direct-site .bn-exchange-direct-content select:focus,
.bn-exchange-direct-site .bn-exchange-direct-content textarea:focus {
	border-color: rgba(245, 185, 21, .68);
	outline: none;
	box-shadow: 0 0 0 3px rgba(245, 185, 21, .12);
}

.bn-exchange-direct-site .bn-exchange-direct-content input[type="submit"],
.bn-exchange-direct-site .bn-exchange-direct-content input[type="button"],
.bn-exchange-direct-site .bn-exchange-direct-content button[type="submit"],
.bn-exchange-direct-site .bn-exchange-direct-content .exch_submit {
	min-height: 56px;
	border: 0;
	border-radius: 12px;
	background: linear-gradient(180deg, #ffd83e, #d69500);
	color: #0b0700;
	font-size: 16px;
	font-weight: 950;
	box-shadow: 0 18px 46px rgba(245, 185, 21, .28);
	cursor: pointer;
}

.bn-exchange-direct-site .bn-exchange-direct-content input[type="submit"]:hover,
.bn-exchange-direct-site .bn-exchange-direct-content input[type="button"]:hover,
.bn-exchange-direct-site .bn-exchange-direct-content button[type="submit"]:hover,
.bn-exchange-direct-site .bn-exchange-direct-content .exch_submit:hover {
	transform: translateY(-1px);
	filter: brightness(1.05);
}

.bn-exchange-direct-site .bn-exchange-direct-content .resultfalse,
.bn-exchange-direct-site .bn-exchange-direct-content .exch_error {
	border-color: rgba(255, 82, 82, .42);
	border-radius: 12px;
	background: rgba(120, 20, 20, .36);
	color: #ffd0d0;
}

.bn-exchange-direct-site .bn-exchange-direct-content .resulttrue {
	border-color: rgba(64, 220, 139, .38);
	border-radius: 12px;
	background: rgba(20, 95, 58, .28);
	color: #c9ffe0;
}

.bn-exchange-direct-site .bn-exchange-direct-content .captcha_div,
.bn-exchange-direct-site .bn-exchange-direct-content .captcha_body,
.bn-exchange-direct-site .bn-exchange-direct-content .block_checked_rule label {
	border-color: rgba(255, 255, 255, .11);
	border-radius: 12px;
	background: rgba(255, 255, 255, .03);
}

.bn-exchange-direct-site .bn-exchange-direct-content .block_checked_rule input[type="checkbox"] {
	accent-color: #f5b915;
}

@media (max-width: 900px) {
	.bn-exchange-direct-site .bn-exchange-direct-shell {
		width: min(100% - 24px, 760px);
		margin-top: 28px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-shell::before {
		background:
			linear-gradient(180deg, rgba(9, 9, 9, .94), rgba(9, 9, 9, .82)),
			url("../images/bulls-chair-suit-metal-head.png") right -180px top -80px / 460px auto no-repeat;
		opacity: .3;
	}

	.bn-exchange-direct-site .bn-exchange-direct-head {
		padding: 28px 20px 12px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-grid {
		grid-template-columns: 1fr;
		padding: 14px 20px 24px;
	}
}

@media (max-width: 560px) {
	.bn-exchange-direct-site .bn-exchange-direct-shell {
		width: calc(100% - 16px);
		border-radius: 18px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-head h1 {
		font-size: 34px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-head p {
		font-size: 15px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-grid {
		padding: 10px 12px 18px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-content {
		padding: 14px;
		border-radius: 14px;
	}

	.bn-exchange-direct-site .bn-exchange-direct-content .exch_ajax_wrap,
	.bn-exchange-direct-site .bn-exchange-direct-content .hexch_ajax_wrap,
	.bn-exchange-direct-site .bn-exchange-direct-content form.ajax_post_bids {
		padding: 12px;
	}
}