.custom-alert {
	padding: 0;               /* иначе клик по отступу окна считался бы кликом по фону */
	max-width: min(90vw, 380px);
	border: 1px solid #999;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.custom-alert::backdrop {
	background: rgba(0, 0, 0, .4);
}

.custom-alert[open] {
	animation: custom-alert-in .2s ease-out;
}

@keyframes custom-alert-in {
	from { opacity: 0; transform: translateY(-10px); }
}

.custom-alert__text {
	margin: 0;
	padding: 20px 20px 0;
	font-size: 18px;
	white-space: pre-line;    /* \n в тексте — перенос строки, как у обычного alert */
}

.custom-alert form {
	margin: 0;
	padding: 15px 20px 20px;
	text-align: right;
}

.custom-alert__ok,
.custom-alert__cancel {
	min-width: 80px;
	margin-left: 8px;
	padding: 6px 16px;
	font-size: 16px;
	cursor: pointer;
}

#alert-demo-log {
	color: #666;
}