From 33199a8749dd70edfa8940345182fe8ea99b39b6 Mon Sep 17 00:00:00 2001
From: Sergey Krylov <ksv741@mail.ru>
Date: Wed, 17 Jun 2026 14:42:49 +0300
Subject: [PATCH] feat(frontend): add shimmer animation and .skeleton CSS class

---
 apps/frontend/src/styles.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/apps/frontend/src/styles.css b/apps/frontend/src/styles.css
index 5db8428..b741b67 100644
--- a/apps/frontend/src/styles.css
+++ b/apps/frontend/src/styles.css
@@ -33,3 +33,20 @@ a {
   color: var(--color-primary);
   text-decoration: none;
 }
+
+@keyframes shimmer {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}
+
+.skeleton {
+  background: linear-gradient(
+    90deg,
+    var(--color-bg) 25%,
+    #f0f0f0 50%,
+    var(--color-bg) 75%
+  );
+  background-size: 200% 100%;
+  animation: shimmer 1.5s ease-in-out infinite;
+  border-radius: 4px;
+}