.site-dialog {
	width: 360px;
	padding: 15px;

	background: #343434;
	border: 1px solid #000;
	border-radius: 10px;

	color: #d8d8d8;

	box-shadow:
		inset 0 0 8px #252525,
		0 12px 40px rgba(0,0,0,.9);
}

.site-dialog::backdrop {
	background: rgba(0,0,0,.9);
}

.site-dialog-message {
	padding: 12px 10px 18px;

	font-size: 13px;
	font-weight: bold;
	text-align: center;

	text-shadow: 1px 1px 2px #000;
}

.site-dialog-input {
	display: none;

	width: calc(100% - 20px);
	margin: 0 auto 18px;
	padding: 7px 9px;
	box-sizing: border-box;

	background: #2d2d2d;
	border: 1px solid #000;
	border-radius: 7px;

	color: #d8d8d8;
	font: inherit;

	outline: none;
}

.site-dialog-input:focus {
	border-color: #606060;

	box-shadow:
		inset 0 0 5px rgba(0,0,0,.45);
}

.site-dialog-actions {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.site-dialog-actions button {
	min-width: 70px;
	padding: 6px 14px;

	background:
		linear-gradient(
			#515151,
			#414141
		);

	border: 1px solid #000;
	border-radius: 8px;

	color: #d8d8d8;
	font: inherit;

	cursor: pointer;
}

.site-dialog-actions button:hover {
	background:
		linear-gradient(
			#5a5a5a,
			#484848
		);

	color: #fff;
}