.prompt_box {
	display: none;
	z-index: 600;
	position: fixed;
	top: 200%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--bg-color);
	font-size: 0.9em;
	border-radius: 5px;
	width: 600px;
	will-change: top, opacity;
}

.prompt_box_show {
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	animation-name: prompt_box_show_kf;
} @keyframes prompt_box_show_kf { 
	from { top: 200%; opacity: 0; }
	to { top: 50%; opacity: 1; } 
}

.prompt_box_hide {
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	animation-name: prompt_box_hide_kf;
} @keyframes prompt_box_hide_kf { 
	from { top: 50%; opacity: 1; }
	to { top: 200%; opacity: 0; } 
}

.prompt_overlay {
	display: none;
	z-index: 599;
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 100%;
	touch-action: none;
	background-color: var(--tp-bg-color);
	will-change: opacity;
}

.prompt_overlay_show {
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	animation-name: prompt_overlay_show_kf;
} @keyframes prompt_overlay_show_kf { 
	from { opacity: 0; }
	to { opacity: 1; } 
}

.prompt_overlay_hide {
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	animation-name: prompt_overlay_hide_kf;
} @keyframes prompt_overlay_hide_kf { 
	from { opacity: 1; }
	to { opacity: 0; } 
}






[dir="rtl"] .prompt_box {
	transform: translate(50%, -50%);
}

@media (max-width: 600px) {
	.prompt_box {
		width: calc(100% - 40px);
	}
}

.prompt_title {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.prompt_body {
	width: calc(100% - 40px);
	padding-inline-start: 20px; padding-inline-end: 20px;
	max-height: 300px;
	overflow: auto;
}

.prompt_action {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: end;
}

.prompt_action > div {
	display: inline-block;
	padding: 10px;
	min-width: 60px;
	margin-inline-start: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}

.prompt_warning_btn {
	background-color: red;
	border: 1px solid red;
	color: #FFFFFF;
}

.prompt_action_btn {
	background-color: var(--hl-color);
	border: 1px solid var(--hl-color);
	color: #FFFFFF;
}

.prompt_regular_btn {
	background-color: var(--vvvlight-color);
	border: 1px solid var(--vvlight-color);
	color: var(--main-color);
}