[data-dialog-content] {
	display: none;
}

[data-dialog-wrapper] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background 0.3s var(--ease-out);
	background: hsl(0 0% 0% / 0);
	pointer-events: none;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	&[data-dialog-active] {
		background: hsl(0 0% 0% / 0.5);
		pointer-events: auto;
	}

	& [data-dialog-content] {
		display: inherit;
	}
}