From c4dedad538df1e676e832b87c3c79ab3d1d1a676 Mon Sep 17 00:00:00 2001
From: Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
Date: Thu, 1 Jan 2026 18:05:14 +0500
Subject: [PATCH] timer, play forwards, import, file document, extension add

---
 css/extension_add.css | 29 ++++++++++++++++++++++++++++
 css/file_document.css | 44 +++++++++++++++++++++++++++++++++++++++++++
 css/import.css        | 41 ++++++++++++++++++++++++++++++++++++++++
 css/play_forwards.css | 28 +++++++++++++++++++++++++++
 css/timer.css         | 44 +++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 186 insertions(+)
 create mode 100755 css/extension_add.css
 create mode 100755 css/file_document.css
 create mode 100755 css/import.css
 create mode 100644 css/play_forwards.css
 create mode 100644 css/timer.css

diff --git a/css/extension_add.css b/css/extension_add.css
new file mode 100755
index 0000000..37aa544
--- /dev/null
+++ b/css/extension_add.css
@@ -0,0 +1,29 @@
+@charset "UTF-8";
+
+i.icon.extension.add {
+	position: relative;
+	width: 16px;
+	height: 16px;
+	box-sizing: border-box;
+	display: block;
+	background:
+		linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 2px/6px 2px,
+		linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0/2px 6px;
+
+	&:after,
+	&:before {
+		position: absolute;
+		bottom: 0;
+		content: '';
+		width: 8px;
+		height: 14px;
+		box-sizing: border-box;
+		display: block;
+		border: 2px solid;
+	}
+
+	&:after {
+		width: 14px;
+		height: 8px;
+	}
+}
diff --git a/css/file_document.css b/css/file_document.css
new file mode 100755
index 0000000..382e9aa
--- /dev/null
+++ b/css/file_document.css
@@ -0,0 +1,44 @@
+@charset "UTF-8";
+
+i.icon.file.document {
+	position: relative;
+	width: 14px;
+	height: 16px;
+	box-sizing: border-box;
+	display: block;
+	overflow: hidden;
+	border-radius: 1px;
+	border: 2px solid transparent;
+	border-top: 0;
+	border-right: 0;
+	border-top-right-radius: 4px;
+	box-shadow: 0 0 0 2px;
+
+	&:after,
+	&:before {
+		position: absolute;
+		content: '';
+		box-sizing: border-box;
+		display: block;
+	}
+
+	&:before {
+		top: 8px;
+		left: 0;
+		width: 10px;
+		height: 2px;
+		background: currentColor;
+		box-shadow:
+			0 4px 0,
+			-6px -4px 0;
+	}
+
+	&:after {
+		top: -1px;
+		right: -1px;
+		width: 6px;
+		height: 6px;
+		border-bottom: 2px solid;
+		border-left: 2px solid;
+	}
+}
diff --git a/css/import.css b/css/import.css
new file mode 100755
index 0000000..46b80e0
--- /dev/null
+++ b/css/import.css
@@ -0,0 +1,41 @@
+@charset "UTF-8";
+
+i.icon.import {
+	position: relative;
+	width: 18px;
+	height: 14px;
+	box-sizing: border-box;
+	display: block;
+	border: 2px solid;
+	border-top: 0;
+	box-shadow:
+		-6px -8px 0 -6px,
+		6px -8px 0 -6px;
+
+	&:after,
+	&:before {
+		position: absolute;
+		content: '';
+		box-sizing: border-box;
+		display: block;
+	}
+
+	&:before {
+		bottom: 5px;
+		right: 6px;
+		width: 2px;
+		height: 14px;
+		background: currentColor;
+	}
+
+	&:after {
+		bottom: 4px;
+		right: 4px;
+		width: 6px;
+		height: 6px;
+		border-bottom: 2px solid;
+		border-right: 2px solid;
+		transform: rotate(45deg);
+	}
+
+}
diff --git a/css/play_forwards.css b/css/play_forwards.css
new file mode 100644
index 0000000..c3d61fa
--- /dev/null
+++ b/css/play_forwards.css
@@ -0,0 +1,28 @@
+@charset "UTF-8";
+
+i.icon.play.forwards {
+	position: relative;
+	width: 3px;
+	height: 10px;
+	box-sizing: border-box;
+	display: block;
+	background: currentColor;
+
+	&:after,
+	&:before {
+		position: absolute;
+		left: -7px;
+		content: '';
+		width: 0;
+		height: 10px;
+		box-sizing: border-box;
+		display: block;
+		border-top: 5px solid transparent;
+		border-bottom: 5px solid transparent;
+		border-left: 6px solid;
+	}
+
+	&:before {
+		left: -14px;
+	}
+}
diff --git a/css/timer.css b/css/timer.css
new file mode 100644
index 0000000..2dbc489
--- /dev/null
+++ b/css/timer.css
@@ -0,0 +1,44 @@
+@charset "UTF-8";
+
+i.icon.timer,
+i.icon.timer::before {
+	width: 18px;
+	height: 18px;
+	border-radius: 40px;
+	border: 2px solid;
+}
+
+i.icon.timer {
+	position: relative;
+	box-sizing: border-box;
+	display: block;
+	border-top-color: transparent;
+	background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 6px -2px/2px 6px;
+
+	&:after,
+	&:before {
+		position: absolute;
+		content: '';
+		box-sizing: border-box;
+		display: block;
+	}
+
+	&:before {
+		top: -2px;
+		right: -2px;
+		border-right-color: transparent;
+		border-bottom-color: transparent;
+		border-left-color: transparent;
+		transform: rotate(45deg);
+	}
+
+	&:after {
+		bottom: 5px;
+		left: 4px;
+		width: 2px;
+		height: 6px;
+		border-radius: 100px;
+		background: currentColor;
+		transform: rotate(-50deg);
+	}
+}