IconGroupAtempt

src/global.scss

@@ -747,6 +747,9 @@ app-header-no-search  .ion-toolbar{
 
     --title-text-color: rgb(0, 0, 0);
     --subtitle-text-color: #000
+  
+  
+      
     }
 
 
@@ -1300,8 +1303,6 @@ ngx-mat-datetime-content{
 }
 
 
-
-
 @keyframes ldio-rpinwye8j0b {
     0% { transform: rotate(0deg) }
     50% { transform: rotate(180deg) }
@@ -1332,4 +1333,26 @@ ngx-mat-datetime-content{
     backface-visibility: hidden;
     transform-origin: 0 0; /* see note above */
   }
-  .ldio-rpinwye8j0b div { box-sizing: content-box; }
+  .ldio-rpinwye8j0b div { box-sizing: content-box; }
+
+  .transparent-modal {
+    --background: #0000005c;
+
+    ion-content {
+        --background:transparent;
+      
+    }
+}
+
+ ion-modal::part(content){
+     backdrop-filter: blur(12px);
+ }
+
+ .transparentblack-modal{
+    --background: #000000e7;
+
+    ion-content {
+        --background:transparent;
+      
+    }
+ }