From 6d1f7071ff1b1a78c372894cabf0e7f1ce8bb9a1 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 12 Jan 2024 13:00:07 +0100
Subject: [PATCH] Media Spoiler: Fix animation name (#4147)

---
 src/components/common/MediaSpoiler.module.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/common/MediaSpoiler.module.scss b/src/components/common/MediaSpoiler.module.scss
index 6c195cea7..314857752 100644
--- a/src/components/common/MediaSpoiler.module.scss
+++ b/src/components/common/MediaSpoiler.module.scss
@@ -91,18 +91,21 @@
 }
 
 :global(body:not(.no-page-transitions)) .dots {
-  animation: 20s linear infinite dots;
+  animation: 20s linear infinite;
+  animation-name: dots-animation;
 
   &::before {
-    animation: 20s linear -7s infinite dots;
+    animation: 21s linear -7s infinite;
+    animation-name: dots-animation;
   }
 
   &::after {
-    animation: 20s linear -14s infinite dots;
+    animation: 22s linear -14s infinite;
+    animation-name: dots-animation;
   }
 }
 
-@keyframes dots {
+@keyframes dots-animation {
   0% {
     background-position: 0 0;
   }