From 0646ca4fe0f631066560e0039e0ad168f3fe7582 Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 12 Feb 2026 10:30:11 +0000
Subject: [PATCH] input.css: add marquee and progress animation classes

this will be used later for timeline and progress bar animations.

Signed-off-by: oppiliappan <me@oppi.li>
---
 input.css | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/input.css b/input.css
index fe7482d5..68df1335 100644
--- a/input.css
+++ b/input.css
@@ -281,6 +281,35 @@
         .success {
             @apply py-1 text-gray-900 dark:text-gray-100;
         }
+
+        @keyframes scroll {
+          0%   { transform: translateX(0); }
+          100% { transform: translateX(-50%); }
+        }
+
+        .animate-marquee {
+          animation: scroll 30s linear infinite;
+        }
+
+        .animate-marquee:hover {
+          animation-play-state: paused;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+          .animate-marquee {
+            animation: none;
+            transform: none;
+          }
+        }
+
+        @keyframes progress {
+          from { width: 0%; }
+          to { width: 100%; }
+        }
+
+        .animate-progress {
+          animation: progress 5s linear forwards;
+        }
     }
 
 }
-- 
2.51.2