Merge commit '58b3fc03796dbde54dbba9a4c554c2d8d24f81fd' into glitch-soc/merge-upstream

app/javascript/styles/mastodon/components.scss

@@ -775,16 +775,43 @@
       padding: 8px;
     }
 
-    &__preview {
+    &__preview,
+    &__visualizer {
       position: absolute;
       width: 100%;
       height: 100%;
-      border-radius: 6px;
       z-index: -1;
       top: 0;
+    }
+
+    &__preview {
+      border-radius: 6px;
       inset-inline-start: 0;
     }
 
+    &__visualizer {
+      padding: 16px;
+      box-sizing: border-box;
+
+      .audio-player__visualizer {
+        margin: 0 auto;
+        display: block;
+        height: 100%;
+      }
+
+      .icon {
+        position: absolute;
+        top: 50%;
+        inset-inline-start: 50%;
+        transform: translate(-50%, -50%);
+        opacity: 0.75;
+        color: var(--player-foreground-color);
+        filter: var(--overlay-icon-shadow);
+        width: 48px;
+        height: 48px;
+      }
+    }
+
     &__thumbnail {
       width: 100%;
       height: 100%;
@@ -2991,6 +3018,7 @@ a.account__display-name {
     height: 100%;
     min-height: 100vh;
     min-height: 100dvh;
+    padding-inline: 10px;
     padding-bottom: env(safe-area-inset-bottom);
 
     &__pane {
@@ -3330,6 +3358,7 @@ a.account__display-name {
     min-height: 100vh;
     min-height: 100dvh;
     gap: 0;
+    padding-inline: 0;
   }
 
   .columns-area__panels__pane--navigational {