.asrtools-front-dialog,
.asrtools-front-dialog * {
	box-sizing: border-box;
}

.asrtools-front-dialog {
	--asrtools-dialog-action: #facc15;
	--asrtools-dialog-danger: #b42318;
	--asrtools-dialog-success: #18763b;
	--asrtools-dialog-safe-bottom: env(safe-area-inset-bottom, 0px);
	--asrtools-dialog-safe-top: env(safe-area-inset-top, 0px);
	--asrtools-dialog-bottom-nav: var(--asr-account-bottom-nav-offset, var(--wd-bottom-bar-height, var(--wd-bottom-nav-height, 0px)));
	/* Shared floating glass; presentation settings may override bounded tokens. */
	--asr-fd-surface: rgba(255, 255, 255, .5);
	--asr-fd-radius: 30px;
	--asr-fd-radius-action: 999px;
	--asr-fd-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(35, 35, 43, .14), inset 1px 0 0 rgba(255, 255, 255, .35), inset -1px 0 0 rgba(35, 35, 43, .07);
	--asr-fd-backdrop: rgba(15, 23, 42, .58);
	--asr-fd-blur: blur(5px);
	--asr-fd-motion-duration: .28s;
	--asr-fd-motion-ease: cubic-bezier(.16, 1, .3, 1);
	align-items: center;
	display: flex !important;
	inset: 0;
	justify-content: center;
	overflow: hidden;
	padding: max(20px, var(--asrtools-dialog-safe-top)) 20px max(20px, calc(var(--asrtools-dialog-safe-bottom) + var(--asrtools-dialog-bottom-nav)));
	position: fixed;
	z-index: var(--asrtools-front-dialog-layer, 2147480000) !important;
}

html body .asrtools-front-dialog {
	height: var(--asrtools-dialog-vvh, 100dvh) !important;
	inset: var(--asrtools-dialog-vv-top, 0px) 0 auto !important;
}

.asrtools-front-dialog[hidden] {
	display: none !important;
}

.asrtools-front-dialog__backdrop {
	background: var(--asr-fd-backdrop);
	inset: 0;
	position: absolute;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.asrtools-front-dialog__backdrop {
		-webkit-backdrop-filter: blur(9px) saturate(1.05);
		backdrop-filter: blur(9px) saturate(1.05);
		background: rgba(15, 23, 42, .44);
	}
}

.asrtools-front-dialog__surface {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	box-shadow: 0 24px 64px rgba(15, 23, 42, .2);
	color: #111827;
	direction: rtl;
	display: flex;
	flex-direction: column;
	max-height: min(760px, calc(var(--asrtools-dialog-vvh, 100dvh) - 40px - var(--asrtools-dialog-safe-top) - var(--asrtools-dialog-safe-bottom) - var(--asrtools-dialog-bottom-nav)));
	max-width: 620px;
	min-height: 0;
	overflow: hidden;
	position: relative;
	width: min(100%, 620px);
}

.asrtools-front-dialog__header {
	align-items: flex-start;
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	flex: 0 0 auto;
	gap: 16px;
	justify-content: space-between;
	min-width: 0;
	padding: 18px 20px 15px;
}

.asrtools-front-dialog__heading {
	min-width: 0;
}

.asrtools-front-dialog__eyebrow {
	color: #64748b;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.7;
	margin: 0 0 2px;
}

.asrtools-front-dialog__title {
	color: #111827;
	font-size: clamp(18px, 2.3vw, 22px);
	line-height: 1.55;
	margin: 0;
	overflow-wrap: anywhere;
}

.asrtools-front-dialog__close {
	align-items: center;
	appearance: none;
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 50%;
	color: #111827;
	cursor: pointer;
	display: flex;
	flex: 0 0 42px;
	font: inherit;
	font-size: 25px;
	height: 42px;
	justify-content: center;
	line-height: 1;
	padding: 0 0 3px;
	width: 42px;
}

.asrtools-front-dialog__close:hover {
	background: #f8fafc;
	border-color: #94a3b8;
}

/* Thin scrollbar: the 15px default read as a grey seam on the rounded edge. */
.asrtools-front-dialog__content {
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 18px 20px 26px;
	scrollbar-color: rgba(148, 163, 184, .42) transparent;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.asrtools-front-dialog__content::-webkit-scrollbar {
	width: 10px;
}

.asrtools-front-dialog__content::-webkit-scrollbar-track {
	background: transparent;
}

.asrtools-front-dialog__content::-webkit-scrollbar-thumb {
	background: rgba(148, 163, 184, .42);
	background-clip: padding-box;
	border: 3px solid transparent;
	border-radius: 999px;
}

/* 0.28.80: one popup, one surface — the footer inherits the sheet instead of adding a paler bar with its own line. */
.asrtools-front-dialog__footer {
	align-items: center;
	background: transparent;
	border: 0;
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	margin: 0;
	padding: 13px 20px max(13px, var(--asrtools-dialog-safe-bottom));
}

.asrtools-front-dialog__footer button {
	min-height: 44px;
}

.asrtools-front-dialog [data-asrtools-dialog-validation],
.asrtools-front-dialog .asrtools-front-dialog__validation {
	border-radius: 10px;
	line-height: 1.8;
	min-height: 0;
}

.asrtools-front-dialog .is-success,
.asrtools-front-dialog [data-state="success"] {
	color: var(--asrtools-dialog-success);
}

.asrtools-front-dialog .is-error,
.asrtools-front-dialog [data-state="error"] {
	color: var(--asrtools-dialog-danger);
}

.asrtools-front-dialog :focus-visible {
	outline: 3px solid rgba(250, 204, 21, .65);
	outline-offset: 3px;
}

.asrtools-front-dialog:not(.asrtools-front-dialog--glass):not([hidden]) .asrtools-front-dialog__backdrop {
	animation: asrtools-dialog-backdrop-in 160ms ease-out both;
}

.asrtools-front-dialog:not(.asrtools-front-dialog--glass):not([hidden]) .asrtools-front-dialog__surface {
	animation: asrtools-dialog-surface-in 190ms var(--asr-fd-motion-ease) both;
}

@keyframes asrtools-dialog-backdrop-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes asrtools-dialog-surface-in {
	from {
		opacity: 0;
		transform: translate3d(0, 10px, 0) scale(.985);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}

/* Centred popup, not a bottom sheet (owner ruling 2026-09-01; placement only). */
@media (max-width: 640px) {
	.asrtools-front-dialog {
		align-items: center;
		padding: max(14px, var(--asrtools-dialog-safe-top)) 14px calc(max(14px, var(--asrtools-dialog-safe-bottom)) + var(--asrtools-dialog-bottom-nav));
	}

	.asrtools-front-dialog__surface {
		border-radius: 24px;
		max-height: calc(var(--asrtools-dialog-vvh, 100dvh) - max(14px, var(--asrtools-dialog-safe-top)) - max(14px, var(--asrtools-dialog-safe-bottom)) - var(--asrtools-dialog-bottom-nav));
		max-width: 460px;
		width: 100%;
	}

	.asrtools-front-dialog__header {
		padding: 15px 16px 12px;
	}

	.asrtools-front-dialog__content {
		padding: 15px 16px;
	}

	.asrtools-front-dialog__footer {
		padding: 12px 16px max(12px, var(--asrtools-dialog-safe-bottom));
	}

	.asrtools-front-dialog__footer > button,
	.asrtools-front-dialog__footer > a {
		flex: 1 1 140px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.asrtools-front-dialog *,
	.asrtools-front-dialog::before,
	.asrtools-front-dialog::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .001ms !important;
	}
}

/* Canonical Review-family glass shell. Feature styles may choose only the
 * surface width; every visual and motion token below has one shared owner. */
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] {
	--asrtools-dialog-action: #050505;
	--asrtools-front-dialog-width: 520px;
	--asrtools-front-dialog-mobile-width: 520px;
	-webkit-backdrop-filter: blur(0) saturate(100%) brightness(1);
	align-items: center !important;
	backdrop-filter: blur(0) saturate(100%) brightness(1);
	background: rgba(28, 28, 30, 0) !important;
	bottom: auto !important;
	height: var(--asrtools-dialog-vvh, 100dvh) !important;
	inset-inline: 0 !important;
	justify-content: center !important;
	left: 0 !important;
	min-height: 0 !important;
	opacity: 0;
	overflow: hidden !important;
	padding: max(18px, var(--asrtools-dialog-safe-top)) 18px max(18px, calc(var(--asrtools-dialog-safe-bottom) + var(--asrtools-dialog-bottom-nav))) !important;
	pointer-events: none;
	position: fixed !important;
	right: 0 !important;
	top: var(--asrtools-dialog-vv-top, 0px) !important;
	transition: opacity .22s ease, visibility 0s linear .22s, background-color .24s ease, backdrop-filter .26s ease, -webkit-backdrop-filter .26s ease !important;
	visibility: hidden;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	background: var(--asr-fd-dim, rgba(28, 28, 30, .42)) !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transition-delay: 0s !important;
	visibility: visible !important;
}

/* 0.28.43: the tint and the page blur land almost at once (owner: «مات شدن با تأخیر»): a 0.1s open fade instead of
   0.22s; the close keeps its fade; reduced-motion users keep the static shell. */
@media (prefers-reduced-motion: no-preference) {
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open {
		transition-duration: .1s !important;
	}
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog][data-asrtools-dialog-state="closing"] {
	pointer-events: none !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-closing {
	pointer-events: none !important;
	visibility: visible !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-closing-active {
	-webkit-backdrop-filter: blur(0) saturate(100%) brightness(1) !important;
	backdrop-filter: blur(0) saturate(100%) brightness(1) !important;
	background: rgba(28, 28, 30, 0) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition-delay: 0s !important;
	visibility: visible !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__backdrop {
	-webkit-backdrop-filter: var(--asr-fd-backdrop-blur, none) !important;
	backdrop-filter: var(--asr-fd-backdrop-blur, none) !important;
	animation: none !important;
	will-change: backdrop-filter, opacity;
	background: rgba(28, 28, 30, .14) !important;
	transition: none !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 0 !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface {
	-webkit-backdrop-filter: var(--asr-fd-blur) !important;
	backdrop-filter: var(--asr-fd-blur) !important;
	background: var(--asr-fd-surface) !important;
	border: 0 !important;
	border-radius: var(--asr-fd-radius) !important;
	box-shadow: var(--asr-fd-shadow) !important;
	contain: paint !important;
	display: flex !important;
	flex-direction: column !important;
	max-height: min(760px, calc(var(--asrtools-dialog-vvh, 100dvh) - max(20px, var(--asrtools-dialog-safe-top)) - max(20px, var(--asrtools-dialog-safe-bottom)) - var(--asrtools-dialog-bottom-nav))) !important;
	max-width: var(--asrtools-front-dialog-width) !important;
	min-height: 0 !important;
	opacity: 0;
	overflow: hidden !important;
	overscroll-behavior: none !important;
	position: relative !important;
	transform: translate3d(0, 8px, 0) scale(.985);
	transition: opacity .18s ease, transform var(--asr-fd-motion-duration) var(--asr-fd-motion-ease) !important;
	width: min(100%, var(--asrtools-front-dialog-width)) !important;
	will-change: transform, opacity;
	z-index: 3 !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open > .asrtools-front-dialog__surface {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) scale(1) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-closing > .asrtools-front-dialog__backdrop,
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-closing > .asrtools-front-dialog__surface {
	animation: none !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-closing-active > .asrtools-front-dialog__surface {
	opacity: 0 !important;
	transform: translate3d(0, 8px, 0) scale(.985) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface::before,
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface::after {
	content: none !important;
	pointer-events: none !important;
	position: absolute !important;
	z-index: 0 !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface::before {
	background: linear-gradient(135deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, .04) 42%, rgba(255, 255, 255, 0) 70%) !important;
	border-radius: inherit !important;
	inset: 0 !important;
	opacity: .56 !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface::after {
	border: 1px solid rgba(255, 255, 255, .30) !important;
	border-radius: 29px !important;
	inset: 1px !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface > * {
	position: relative;
	z-index: 2;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface > form {
	background: transparent !important;
	border-radius: inherit !important;
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	gap: 0 !important;
	max-height: inherit !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	width: 100% !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__header {
	background: transparent !important;
	border: 0 !important;
	display: block !important;
	margin: 0 0 10px !important;
	opacity: 0;
	padding: 22px 42px 0 !important;
	position: static !important;
	text-align: center !important;
	transform: translate3d(0, 6px, 0);
	transition: opacity .20s ease, transform var(--asr-fd-motion-duration) var(--asr-fd-motion-ease) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open .asrtools-front-dialog__header {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__heading {
	display: block !important;
	min-width: 0 !important;
	padding: 0 !important;
}

/* iOS header hierarchy (owner feedback 2026-08-29). */
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__eyebrow {
	font-size: 10.8px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	line-height: 1.7 !important;
	margin: 0 0 4px !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__title {
	font-size: calc(var(--asr-fd-font-size, 15px) + 6px) !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	margin: 0 0 12px !important;
	overflow-wrap: anywhere;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__close {
	-webkit-backdrop-filter: blur(14px) saturate(165%) !important;
	backdrop-filter: blur(14px) saturate(165%) !important;
	background: rgba(255, 255, 255, .72) !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: var(--asr-fd-shadow) !important;
	color: transparent !important;
	display: block !important;
	font-size: 0 !important;
	height: 44px !important;
	left: 16px !important;
	line-height: 0 !important;
	margin: 0 !important;
	min-height: 44px !important;
	min-width: 44px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	right: auto !important;
	top: 21px !important;
	width: 44px !important;
	z-index: 6 !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__close::before {
	content: none !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__close > span {
	align-items: center;
	color: #111827 !important;
	display: flex;
	font: 850 27px/24px Arial, Helvetica, sans-serif !important;
	height: 24px;
	justify-content: center;
	left: 50%;
	line-height: 24px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__content {
	grid-template-columns: minmax(0, 1fr);
	font-size: var(--asr-fd-font-size, 15px);
	-webkit-overflow-scrolling: touch;
	background: transparent !important;
	display: grid;
	flex: 1 1 auto;
	gap: 10px;
	min-height: 0;
	min-width: 0;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	padding: 24px 18px 26px !important;
	scroll-padding-block: 18px 76px;
	scrollbar-gutter: stable !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__footer {
	/* 0.28.80: header and content are transparent here; the footer added a white veil, a white hairline and a second
	   blur, so the save bar read paler and detached. One glass: the footer carries no surface of its own. */
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex: 0 0 auto !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 10px 18px max(14px, var(--asrtools-dialog-safe-bottom)) !important;
	position: relative !important;
	z-index: 5 !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__action {
	align-items: center;
	appearance: none;
	border-radius: var(--asr-fd-radius-action) !important;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: calc(var(--asr-fd-font-size, 15px) + 2px) !important;
	font-weight: 900 !important;
	height: auto !important;
	justify-content: center;
	letter-spacing: 0 !important;
	line-height: 1.6 !important;
	margin: 0 !important;
	min-height: 48px !important;
	opacity: 0;
	padding: 0 24px !important;
	text-decoration: none;
	transform: translate3d(0, 6px, 0);
	transition: background-color .22s ease, border-color .22s ease, color .18s ease, opacity .18s ease, transform .18s ease !important;
	width: 100% !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open .asrtools-front-dialog__action {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__footer > .asrtools-front-dialog__action {
	flex: 1 1 180px !important;
	width: auto !important;
}

/* White type on black (owner ruling 2026-09-01); both dialogs already shared it. */
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__action--primary {
	background: var(--asrtools-dialog-action) !important;
	border: 1px solid var(--asrtools-dialog-action) !important;
	box-shadow: none !important;
	color: var(--asrtools-dialog-action-text, #fff) !important;
}

/* iOS quiet gray secondary action (owner feedback 2026-08-29). */
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__action--secondary {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: none !important;
	color: #172033 !important;
}

/* iOS pressed/hover primary action; reduced-motion block covers both. */
.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open .asrtools-front-dialog__action--primary:hover:not(:disabled) {
	transform: translate3d(0, -1px, 0) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open .asrtools-front-dialog__action--primary:active:not(:disabled) {
	transform: translate3d(0, 0, 0) scale(.97) !important;
	transition: transform var(--asr-fd-motion-duration) var(--asr-fd-motion-ease) !important;
}

.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__action:disabled {
	-webkit-backdrop-filter: blur(8px) saturate(120%) !important;
	backdrop-filter: blur(8px) saturate(120%) !important;
	background: rgba(255, 255, 255, .48) !important;
	border-color: rgba(226, 232, 240, .70) !important;
	color: #a6afbd !important;
	cursor: not-allowed;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open {
		background: rgba(28, 28, 30, .54) !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface {
		background: rgba(255, 255, 255, .94) !important;
	}
}

@media (max-width: 640px) {
	/* Centred popup (2026-09-01): inset, full radius, no drag grabber. */
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] {
		align-items: center !important;
		padding: max(14px, var(--asrtools-dialog-safe-top)) 14px calc(max(14px, var(--asrtools-dialog-safe-bottom)) + var(--asrtools-dialog-bottom-nav)) !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface {
		border-radius: var(--asr-fd-radius) !important;
		max-height: min(780px, calc(var(--asrtools-dialog-vvh, 100dvh) - max(14px, var(--asrtools-dialog-safe-top)) - max(14px, var(--asrtools-dialog-safe-bottom)) - var(--asrtools-dialog-bottom-nav))) !important;
		max-width: 460px !important;
		transform: translate3d(0, 10px, 0) scale(.985);
		width: 100% !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-closing-active > .asrtools-front-dialog__surface {
		transform: translate3d(0, 10px, 0) scale(.985) !important;
	}

	/* No grabber pill: the sheen stays a sheen, because this is not a drag sheet. */
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface::before {
		opacity: 0 !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface::after {
		border-radius: inherit !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__header {
		margin-bottom: 7px !important;
		padding: 18px 38px 0 !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__title {
		font-size: calc(var(--asr-fd-font-size, 15px) + 4px) !important;
		margin-bottom: 9px !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__content {
		gap: 8px;
		padding: 18px 14px 22px !important;
		scroll-padding-block: 14px 72px;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__footer {
		padding: 9px 14px max(11px, var(--asrtools-dialog-safe-bottom)) !important;
	}

}

@media (prefers-reduced-motion: reduce) {
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog],
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__backdrop,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open > .asrtools-front-dialog__backdrop,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open > .asrtools-front-dialog__surface,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface > form,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__header,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__content,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__footer,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__close,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__action,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open .asrtools-front-dialog__action--primary:hover:not(:disabled),
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open .asrtools-front-dialog__action--primary:active:not(:disabled),
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] *,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] *::before,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] *::after {
		animation: none !important;
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* Respect the device preference without requiring another script or setting. */
@media (prefers-reduced-transparency: reduce) {
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog],
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog].is-open * {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface {
		background: #fff !important;
	}
}

@media (forced-colors: active) {
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] {
		forced-color-adjust: auto;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__backdrop {
		background: Canvas !important;
		opacity: .72 !important;
	}

	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] > .asrtools-front-dialog__surface,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__close,
	.asrtools-front-dialog.asrtools-front-dialog--glass[data-asrtools-front-dialog] .asrtools-front-dialog__action {
		background: Canvas !important;
		border: 1px solid CanvasText !important;
		box-shadow: none !important;
		color: CanvasText !important;
	}
}
