Style fixes to hide/show

materialious/src/lib/components/player/Player.svelte

@@ -61,6 +61,7 @@
 	import { ScreenOrientation, type ScreenOrientationResult } from '@capacitor/screen-orientation';
 	import ClosedCaptions from './ClosedCaptions.svelte';
 	import { getVideoWatchHistory, updateWatchHistory } from '$lib/api';
+	import { resolve } from '$app/paths';
 
 	interface Props {
 		data: { video: VideoPlay; content: ParsedDescription; playlistId: string | null };
@@ -819,9 +820,11 @@
 					{videoLength(currentTime)} / {videoLength(playerMaxKnownTime)}
 				{/if}
 			</p>
-			<p class="chip surface-container-highest">
-				{playerVideoEndTimePretty}
-			</p>
+			{#if playerVideoEndTimePretty && playerVideoEndTimePretty !== ''}
+				<p class="chip surface-container-highest">
+					{playerVideoEndTimePretty}
+				</p>
+			{/if}
 		</div>
 	{/if}
 	<TouchControls

materialious/src/lib/css/global.css

@@ -31,14 +31,14 @@ body {
 	opacity: 0 !important;
 	visibility: hidden !important;
 	transition:
-		opacity 200ms linear,
-		visibility 0s linear 200ms !important;
+		opacity 300ms linear,
+		visibility 0s linear 300ms !important;
 }
 
 .show {
 	opacity: 1 !important;
 	visibility: visible !important;
-	transition: opacity 200ms linear !important;
+	transition: opacity 300ms linear !important;
 }
 
 article {