diff --git a/CSS/chapters-on-player.css b/CSS/chapters-on-player.css
new file mode 100644
index 0000000..97ac1ff
--- /dev/null
+++ b/CSS/chapters-on-player.css
@@ -0,0 +1,21 @@
+/* Display Chapters on time bar */
+.sliderMarker {
+    position: absolute !important;
+    width: 2px !important;
+    height: 12px !important;
+    transform: translate3d(0, 25%, 0) !important;
+}
+
+.sliderMarker.unwatched {
+    background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.sliderMarker.watched {
+    background-color: transparent !important; /* Initially invisible */
+    transition: background-color 0.3s ease; /* Smooth transition */
+}
+
+.sliderMarker.watched:hover {
+    background-color: #00a4dc !important; /* Visible on hover */
+    transform: scale(2.05);
+}
\ No newline at end of file