web: use hover effects only when supported

web/src/components/save/buttons/DownloadButton.svelte

@@ -121,19 +121,20 @@
         margin-bottom: 0.1rem;
     }
 
-    #download-button:hover {
-        background: var(--button-hover-transparent);
-    }
-
     #download-button:disabled {
         cursor: unset;
     }
 
-    #download-button:disabled:hover {
-        background: none;
-    }
-
     :global(#input-container.focused) #download-button {
         border-left: 2px var(--secondary) solid;
     }
+
+    @media (hover: hover) {
+        #download-button:hover {
+            background: var(--button-hover-transparent);
+        }
+        #download-button:disabled:hover {
+            background: none;
+        }
+    }
 </style>

web/src/components/sidebar/SidebarTab.svelte

@@ -63,10 +63,6 @@
         opacity: 1;
     }
 
-    .sidebar-tab:hover {
-        opacity: 1;
-    }
-
     .sidebar-tab:focus-visible {
         box-shadow: 0 0 0 3px var(--blue) inset;
         outline: none;
@@ -78,6 +74,12 @@
         color: var(--sidebar-highlight);
     }
 
+    @media (hover: hover) {
+        .sidebar-tab:hover {
+            opacity: 1;
+        }
+    }
+
     @media screen and (max-width: 535px) {
         .sidebar-tab {
             padding: 5px var(--padding);

web/src/routes/+layout.svelte

@@ -130,9 +130,11 @@
         transform: scale(0.95);
     }
 
-    :global(button:hover) {
-        background-color: var(--button-hover);
-        z-index: 1;
+    @media (hover: hover) {
+        :global(button:hover) {
+            background-color: var(--button-hover);
+            z-index: 1;
+        }
     }
 
     :global(.center-column-container) {