+#snackbar {
+ visibility: hidden;
+ min-width: 250px;
+ margin-left: -125px; /* min-width / 2 */
+ background-color: var(--pcolor-0);
+ color: white;
+ text-align: center;
+ border-radius: 5px;
+ padding: 16px;
+ position: fixed; /* Sit on top of the screen */
+ z-index: 1;
+ left: 50%; /* Center the snackbar */
+ bottom: 30px;
+}
+
+#snackbar.show {
+ visibility: visible; /* Show the snackbar */
+ -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+ animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+
+