WIP

resources/css/app.css

@@ -1,5 +1,6 @@
 @import 'filepond/dist/filepond.min.css';
 @import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css';
+@import 'photoswipe/dist/photoswipe.css';
 
 @tailwind base;
 @tailwind components;
@@ -31,3 +32,14 @@
     @apply text-gray-900 dark:text-white;
 }
 
+.pswp__bg {
+    @apply backdrop-blur-md bg-white/30 dark:bg-gray-800/30;
+}
+
+.pswp__top-bar {
+    @apply fixed bottom-2 top-auto w-auto left-1/2 -translate-x-1/2 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800;
+}
+
+.pswp__button {
+    width: 60px;
+}