Blur dialog backdrop

diff --git a/style.css b/style.css
index b83ac8893211560aef287671fef1b090fbda4fa3..50c7820cbf0664810f8c33c4a556c840f05553b0 100644 (file)
--- a/style.css
+++ b/style.css
@@ -256,6 +256,11 @@ dialog {
   background: var(--primary-complement);
 }
 
+dialog::backdrop {
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+}
+
 dialog button {
   align-self: center;
 }