app/components/coco/app/elements/snackbar/snackbar.css in coveragebook_components-0.7.10 vs app/components/coco/app/elements/snackbar/snackbar.css in coveragebook_components-0.8.0.beta.1

@@ -1,5 +1,11 @@
+@layer base {
+  :root {
+    --snackbar-bottom-offset: theme(spacing.8);
+  }
+}
+
 @layer components {
   [data-coco][data-component="app-snackbar"] {
     @apply bg-background-dark-2 rounded-xl overflow-hidden shadow-xl w-full;
     max-width: 360px;
 
@@ -44,10 +50,11 @@
     &[data-position="static"] {
       @apply static;
     }
 
     &[data-position="fixed"] {
-      @apply fixed bottom-8 left-1/2 -translate-x-1/2;
+      @apply fixed left-1/2 -translate-x-1/2;
+      bottom: var(--snackbar-bottom-offset);
       z-index: 10001;
     }
 
     /* Themes */