From d6a92fc4bf89cf97ee0c051f1bfd8afb742de2fd Mon Sep 17 00:00:00 2001
From: mirzaev <arsen@mirzaev.sexy>
Date: Mon, 1 Dec 2025 00:10:31 +0700
Subject: [PATCH] added `eye.css` and deleted empty `telegram.css`

---
 css/eye.css      | 59 ++++++++++++++++++++++++++++++++++++++++++++++++
 css/telegram.css | 33 ---------------------------
 2 files changed, 59 insertions(+), 33 deletions(-)
 create mode 100644 css/eye.css
 delete mode 100644 css/telegram.css

diff --git a/css/eye.css b/css/eye.css
new file mode 100644
index 0000000..59ba551
--- /dev/null
+++ b/css/eye.css
@@ -0,0 +1,59 @@
+@charset "UTF-8";
+
+i.icon.eye {
+	position: relative;
+	width: 24px;
+	height: 18px;
+	display: block;
+	box-sizing: border-box;
+	overflow: hidden;
+	border-bottom-right-radius: 100px;
+	border-bottom-left-radius: 100px;
+
+	:is(.small) {
+		width: 21px;
+		height: 15px;
+		border-bottom-right-radius: 70px;
+		border-bottom-left-radius: 70px;
+
+		&::before {
+			left: var(--left, 7px);
+			bottom: var(--bottom, 3px);
+			width: 7px;
+			height: 7px;
+		}
+
+		&::after {
+			width: 21px;
+			height: 21px;
+		}
+	}
+
+	&::before,
+	&::after {
+		content: "";
+		position: absolute;
+		display: block;
+		box-sizing: border-box;
+		border-radius: 100px;
+	}
+
+	&::before {
+		left: var(--left, 8px);
+		bottom: var(--bottom, 4px);
+		width: 8px;
+		height: 8px;
+		border: 2px solid var(--text-color-active, #000);
+		transition: var(--transition, 0) ease-out;
+		transform: rotateX(var(--offset-x, 0)) rotateY(var(--offset-y, 0));
+	}
+
+	&::after {
+		top: 2px;
+		width: 24px;
+		height: 24px;
+		box-shadow:
+			inset 0 -8px 0 2px,
+			inset 0 0 0 2px;
+	}
+}
diff --git a/css/telegram.css b/css/telegram.css
deleted file mode 100644
index 619a682..0000000
--- a/css/telegram.css
+++ /dev/null
@@ -1,33 +0,0 @@
-@charset "UTF-8";
-
-i.icon.telegram {
-	position: relative;
-	width: 24px;
-	height: 24px;
-	background-color: transparent;
-
-	&::before {
-		top: 2px;
-		left: 2px;
-		position: absolute;
-		content: "";
-		width: 20px;
-		height: 20px;
-		border-radius: 50%;
-		background-color: #fff;
-	}
-
-	&::after {
-		top: 7px;
-		left: 9px;
-		position: absolute;
-		content: "";
-		width: 0;
-		height: 0;
-		border-left: 5px solid transparent;
-		border-right: 5px solid transparent;
-		border-bottom: 8px solid currentColor;
-		color: #ffffff;
-		transform: rotate(-30deg);
-	}
-}