/* Light-DOM styles only. The app itself is styled inside its shadow roots (reset.css). */

@font-face {
	font-family: "Dopabit Vazirmatn";
	src: url("../fonts/Vazirmatn-wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

.dppr-host {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	direction: rtl;
	text-align: right;
	font-family: "Vazirmatn", "Dopabit Vazirmatn", Tahoma, system-ui, sans-serif;
	line-height: 1.7;
	color: #F4F2FF;
	background: #0D0A22;
}

.dppr-host--app { min-height: 640px; }
.dppr-host--teaser { min-height: 420px; }

.dppr-noscript {
	margin: 0;
	padding: 48px 20px;
	text-align: center;
	color: #B9B4D9;
}

/* Dialogs, sheets and toasts live on <body> so no transformed parent can trap them. */
.dppr-layer {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	direction: rtl;
	font-family: "Vazirmatn", "Dopabit Vazirmatn", Tahoma, system-ui, sans-serif;
}

.dppr-layer--toast {
	inset: auto 0 24px 0;
	z-index: 2147483001;
	pointer-events: none;
}

/* While a sheet is open the toast moves to the top, away from the sheet's buttons. */
.dppr-layer--toast.dppr-layer--top { inset: 16px 0 auto 0; }

/* The plain-HTML guide shown only until the script takes over (and to search engines). */
.dppr-static { max-width: 760px; margin: 0 auto; padding: 32px 16px; color: #E4E0FF; line-height: 2; }
.dppr-static h1 { font-size: 30px; }
.dppr-static h2 { font-size: 21px; margin-top: 28px; }
.dppr-static h3 { font-size: 16px; color: #A99BFF; }
.dppr-static code { direction: ltr; unicode-bidi: isolate; }
@media (scripting: enabled) { .dppr-host--app .dppr-static { display: none; } }