From 7e90648b347499fcd617bebc367075ccf58b5d53 Mon Sep 17 00:00:00 2001
From: Bilge <bilge@scriptfusion.com>
Date: Sun, 26 May 2024 09:25:29 +0100
Subject: [PATCH] Added film animation effect to main ranking capsules.

---
 assets/css/250.less | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/assets/css/250.less b/assets/css/250.less
index 16ca731b44e..9e8c921aae0 100644
--- a/assets/css/250.less
+++ b/assets/css/250.less
@@ -220,6 +220,7 @@ a.owned:before {
     margin-top: -9px;
     overflow: hidden;
     white-space: nowrap;
+    pointer-events: none;
 
     color: #111;
     background: #4F95BD url('/svg/burger.svg') no-repeat 5px 50%;
@@ -579,6 +580,16 @@ span.filtered {
     aspect-ratio: 184/69;
 
     line-height: 0;
+
+    >a[data-video] {
+        background: #121214;
+
+        >img:hover {
+            mask: url(/svg/film.svg) 0/cover;
+
+            animation: film .4s linear infinite;
+        }
+    }
 }
 .ranking > header ~ div > div:first-child > a,
 .compact.ranking li > a {