Hide cursor when hiding controls

mixins/AMV.pixy

@@ -10,7 +10,7 @@ component AMVMini(amv *arn.AMV, user *arn.User)
 
 component AMVVideo(amv *arn.AMV)
 	.video-container(id=amv.ID, data-api="/api/amv/" + amv.ID)
-		video.video.media-play-area.lazy.action(data-action="playVideo", data-trigger="click", data-media-id=amv.ID)
+		video.video.lazy.action(data-action="playVideo", data-trigger="click", data-media-id=amv.ID)
 			source(data-src="https://notify.moe/videos/amvs/" + amv.File, data-type="video/webm")
 
 			//- button.media-play-button

scripts/AnimeNotifier.ts

@@ -904,10 +904,12 @@ export default class AnimeNotifier {
 
 				let hideControls = () => {
 					controls.classList.add("fade-out")
+					video.style.cursor = "none"
 				}
 
 				let showControls = () => {
 					controls.classList.remove("fade-out")
+					video.style.cursor = "default"
 				}
 
 				video.addEventListener("mousemove", () => {

styles/video.scarlet

@@ -41,6 +41,9 @@ const video-progress-clickable-height-buffer = 0.4rem
 	flex 1
 	padding video-progress-clickable-height-buffer 0
 
+	:hover
+		cursor pointer
+
 .video-progress-container
 	height video-progress-height
 	background rgba(255, 255, 255, 0.3)