From a68ab04bcad6e48dc1bbaea2f65787ca273921ee Mon Sep 17 00:00:00 2001
From: Slugalisk <slugalisk@gmail.com>
Date: Wed, 1 Nov 2023 17:42:52 -0700
Subject: [PATCH] bug fix

---
 assets/anim.december.scss | 27 +++++++++++++++++++++++++++
 assets/anim.scss          | 13 ++++++-------
 2 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/assets/anim.december.scss b/assets/anim.december.scss
index 02c19655..571fa4a0 100644
--- a/assets/anim.december.scss
+++ b/assets/anim.december.scss
@@ -53,6 +53,33 @@
     $can-animate-forever: true
 );
 
+@include sprite-animation(
+    $file-name: HocusPocus,
+    $frame-count: 53,
+    $sprite-width: 5300px,
+    $sprite-height: 32px,
+    $animation-duration: 2650ms,
+    $hold-start-frames: 12,
+    $hold-end-frames: 12,
+    $iteration-count: 1.5,
+    $end-on-frame: 27,
+    $can-animate-forever: true,
+    $extra-animation: true,
+    $extra-animation-duration: 3850ms,
+    $extra-animation-iteration-count: 1,
+    $extra-animation-timing-function: ease-out,
+) {
+    0% {
+        filter: none;
+    }
+    73% {
+        filter: brightness(1) invert(0);
+    }
+    100% {
+        filter: brightness(0) invert(1);
+    }
+};
+
 @include sprite-animation(
     $file-name: WAG,
     $frame-count: 2,
diff --git a/assets/anim.scss b/assets/anim.scss
index 34820351..b72ec4c0 100644
--- a/assets/anim.scss
+++ b/assets/anim.scss
@@ -979,18 +979,17 @@ $spritesDir : '/assets/emotes/emoticons-animated/';
 
 @include sprite-animation(
     $file-name: HocusPocus,
-    $frame-count: 33,
-    $sprite-width: 1254px,
+    $frame-count: 53,
+    $sprite-width: 5300px,
     $sprite-height: 32px,
-    $animation-duration: 1375ms,
-    $animation-direction: alternate,
+    $animation-duration: 2650ms,
     $hold-start-frames: 12,
     $hold-end-frames: 12,
-    $iteration-count: 3,
-    $end-on-last-frame: true,
+    $iteration-count: 1.5,
+    $end-on-frame: 27,
     $can-animate-forever: true,
     $extra-animation: true,
-    $extra-animation-duration: 4750ms,
+    $extra-animation-duration: 3850ms,
     $extra-animation-iteration-count: 1,
     $extra-animation-timing-function: ease-out,
 ) {