From eeb0d03fe86ae489d984c929d77f99db597f55a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hegyi=20=C3=81ron=20Ferenc?=
 <36823200+Rettend@users.noreply.github.com>
Date: Wed, 24 Jul 2024 10:53:25 +0200
Subject: [PATCH] fix: lil css compatibility

* safari supports it w/o vendor prefix from 15.4 (Released 2022-03-14)

Co-Authored-By: Anderson Marlon <anderson18.marlon@gmail.com>
---
 web/index.html | 4 ++--
 web/style.css  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/index.html b/web/index.html
index 23863fb..c44a9ca 100644
--- a/web/index.html
+++ b/web/index.html
@@ -31,8 +31,8 @@
 					<input id="volume-slider" type="range" min="0" max="100" step="1" />
 				</div>
 			</main>
-			<img class="cat" src="./images/cat-0.png"></img>
-			<img class="eeping-cat" src="./images/eeping-cat.png"></img>
+			<img class="cat" src="./images/cat-0.png">
+			<img class="eeping-cat" src="./images/eeping-cat.png">
 		</div>
 
 		<footer>
diff --git a/web/style.css b/web/style.css
index a17e453..4879058 100644
--- a/web/style.css
+++ b/web/style.css
@@ -171,21 +171,21 @@ a {
   input[type="range"] {
     overflow: hidden;
     height: var(--range-height);
-    -webkit-appearance: none;
+    appearance: none;
     border: 2px solid var(--text);
     background-color: var(--base);
   }
-
+  
   input[type="range"]::-webkit-slider-runnable-track {
     height: var(--range-height);
-    -webkit-appearance: none;
+    appearance: none;
     color: #13bba4;
   }
 
   input[type="range"]::-webkit-slider-thumb {
     width: var(--range-height);
     height: var(--range-height);
-    -webkit-appearance: none;
+    appearance: none;
     background: var(--text);
     box-shadow: -80px 0 0 80px var(--range-accent);
   }