From 0db20514807524a003a73bc0b6edf4cc66d94320 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <git@pixelde.su>
Date: Sat, 14 May 2022 15:00:30 +0200
Subject: [PATCH] fix(client): additional background for acrylic popups if
 unsupported

---
 packages/client/src/style.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index c1d47ffd0..b5e272565 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -385,6 +385,20 @@ hr {
 	background: var(--acrylicPanel);
 	-webkit-backdrop-filter: var(--blur, blur(15px));
 	backdrop-filter: var(--blur, blur(15px));
+
+	@supports not (backdrop-filter: var(--blur, blur(15px))) {
+		&:after {
+			content: "";
+			position: absolute;
+			top: 0;
+			right: 0;
+			left: 0;
+			bottom: 0;
+			z-index: -1;
+			background: var(--bg);
+			opacity: .75;
+		}
+	}
 }
 
 ._formBlock {