1 files changed, 30 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index 9ca426e..47925ef 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -112,6 +112,36 @@
   transition: all 0.1s;
 }
 
+.player-transcript .paragraph {
+  position: relative;
+}
+.speaker-icon {
+  position: absolute;
+  top: 0;
+  left: -5.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  opacity: 0;
+  transition: opacity 0.2s;
+  padding: 1.5rem;
+}
+.intro_paragraph .speaker-icon {
+  top: -0.75rem;
+}
+.speaker-icon svg {
+  background: black;
+  border-radius: 50%;
+  width: 2.5rem;
+  height: 2.5rem;
+}
+.speaker-icon svg path {
+  fill: white;
+}
+.paragraph:hover .speaker-icon {
+  opacity: 1;
+}
+
 /* media */
 
 .player-transcript .media {