@supports not (overlay: auto) {
	[popover][data-np-exiting]:not(:popover-open),
	dialog[data-np-exiting]:not([open]) {
		display: var(--np-exit-display, block) !important;
		z-index: 1000 !important;
		pointer-events: none !important;
	}

	:where(dialog[data-np-exiting]:not([open])) {
		position: fixed;
		inset-block: 0;
	}

	dialog.np-exit-scrim[data-np-exiting]:not([open]) {
		--np-exit-scrim-color: color-mix(in srgb, var(--np-color-scrim) 32%, transparent);
		box-shadow:
			0 0 0 100vmax var(--np-exit-scrim-color),
			var(--np-exit-scrim-inner, inset 0 0 0 100vmax var(--np-exit-scrim-color));
		animation: np-exit-scrim var(--np-exit-scrim-motion, var(--np-motion-expressive-slow-effects))
			forwards;
	}
	@keyframes np-exit-scrim {
		to {
			--np-exit-scrim-color: transparent;
		}
	}
}

@property --np-exit-scrim-color {
	syntax: '<color>';
	inherits: false;
	initial-value: transparent;
}