v272vjg35: Swipe through a post's media on mobile slides

src/styles/mobile.css

@@ -56,6 +56,40 @@
 .slide-play { z-index: 4; }
 .slide-dur { top: 128px; right: 16px; z-index: 4; }
 
+/* Several media items: a sideways snap track; each pane is one full-slide item. */
+.slide-track {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-snap-type: x mandatory;
+  overscroll-behavior-x: contain;
+  scrollbar-width: none;
+}
+.slide-track::-webkit-scrollbar { display: none; }
+.slide-pane { position: relative; flex: 0 0 100%; height: 100%; scroll-snap-align: start; scroll-snap-stop: always; }
+.slide-dots {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 84px;
+  z-index: 4;
+  display: flex;
+  justify-content: center;
+  gap: 5px;
+  pointer-events: none;
+}
+.slide-dot {
+  display: block;
+  width: 5px;
+  height: 5px;
+  border-radius: 3px;
+  background: var(--on-media-line);
+  transition: width .5s var(--ease), background-color .5s;
+}
+.slide-dot-on { width: 18px; background: var(--accent); }
+
 .slide-scrim,
 .slide-scrim-top { position: absolute; left: 0; right: 0; z-index: 1; pointer-events: none; }
 .slide-scrim { bottom: 0; height: 58%; background: linear-gradient(180deg, var(--media-fade-0), var(--media-fade)); }