1 files changed, 47 insertions, 0 deletions
diff --git a/src/app/main.css b/src/app/main.css
index 18afc41..3f542ec 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -236,6 +236,53 @@ button {
 	justify-content: space-between;
 }
 
+.popup .overlay {
+	z-index: 1;
+	color: white;
+	opacity: 0.0;
+	position: fixed;
+	pointer-events: none;
+	transform: scale(0.9);
+	background: var(--selbg);
+	backdrop-filter: blur(15px);
+	transition: 0.15s ease-in-out;
+	padding: calc(var(--spacing) / 2);
+	border-radius: calc(var(--spacing) / 2);
+}
+
+.popup .overlay.shown {
+	opacity: 1.0;
+	pointer-events: all;
+	transform: scale(1.0);
+}
+
+.checks {
+}
+
+.check {
+	display:flex;
+	cursor: pointer;
+}
+
+.check::before {
+	width: 1em;
+	height: 1em;
+	content: " ";
+    background-size: 75%;
+	filter: brightness(1.3);
+    background-position: center;
+    background-repeat: no-repeat;
+	transition: 0.15s ease-in-out;
+	background-color: var(--selbg);
+	margin-right: calc(var(--spacing) / 3);
+	border-radius: calc(var(--spacing) / 4);
+}
+
+.check.checked::before {
+	background-color: rgb(var(--red));
+    background-image: url(icons/check.png);
+}
+
 .option .text {font-weight: 600}
 .option .text .desc {
 	opacity: 0.8;