Migrate to nested CSS

app/components/elements/Dialog.module.css

@@ -11,6 +11,10 @@
 	padding: 1rem;
 	text-align: center;
 	backdrop-filter: blur(10px); /* Adjust blur value as needed */
+
+	&[data-entering] {
+		animation: fade-in 300ms ease-out;
+	}
 }
 
 .fullScreenOverlay {
@@ -18,10 +22,6 @@
 	display: initial;
 }
 
-.overlay[data-entering] {
-	animation: fade-in 300ms ease-out;
-}
-
 @keyframes fade-in {
 	from {
 		opacity: 0;
@@ -46,6 +46,10 @@
 	box-shadow:
 		0 10px 15px -3px rgba(0, 0, 0, 0.1),
 		0 4px 6px -2px rgba(0, 0, 0, 0.05);
+
+	&[data-entering] {
+		animation: zoom-in-95 300ms ease-out;
+	}
 }
 
 :global(html[data-fuse="true"]) .modal {
@@ -60,10 +64,6 @@
 	padding-block-end: var(--s-32);
 }
 
-.modal[data-entering] {
-	animation: zoom-in-95 300ms ease-out;
-}
-
 @keyframes zoom-in-95 {
 	from {
 		opacity: 0;