Reduce amount of animation styles (#3418)

web/css/src/themes/default.css

@@ -269,7 +269,6 @@
 	position: absolute;
 	top: 100%;
 	right: 0;
-	animation-name: fadeIn;
 	animation-duration: var(--animate-duration);
 
 	@media (--viewport-medium) {
@@ -277,7 +276,6 @@
 		background-color: transparent;
 		box-shadow: none;
 		position: static;
-		animation-name: none;
 		animation-duration: 0s;
 	}
 }
@@ -303,7 +301,6 @@
 
 	&:hover {
 		box-shadow: inset 0 0 6px rgb(255 255 255 / 60%);
-		transition: 0.2s;
 		color: #4686b8;
 		border-left: 1px solid rgb(0 0 0 / 10%);
 		border-right: 1px solid rgb(0 0 0 / 10%);
@@ -328,7 +325,6 @@
 			rgb(255 255 255 / 95%) 95%
 		);
 		box-shadow: inset 0 0 1px #fff, inset -1px -1px 4px rgb(220 220 220 / 40%);
-		transition: 0.2s;
 	}
 
 	&.active {
@@ -472,7 +468,6 @@
 		&.active {
 			background-color: transparent;
 			border-bottom-color: #c36;
-			transition: 0.3s;
 		}
 	}
 
@@ -716,7 +711,6 @@
 				rgb(227 240 251 / 100%) 100%
 			);
 			box-shadow: inset 0 0 1px #fff, inset 0 0 6px rgb(255 255 255 / 60%);
-			transition: 0.2s;
 		}
 
 		&:active,
@@ -1860,7 +1854,6 @@
 			rgb(227 240 251 / 100%) 100%
 		);
 		box-shadow: 0 1px 3px rgb(0 0 0 / 25%), inset 0 0 1px #fff, inset 0 0 6px rgb(255 255 255 / 60%);
-		transition: 0.2s;
 	}
 
 	&:active {

web/templates/footer.php

@@ -18,7 +18,7 @@
 	</div>
 
 	<div x-data>
-		<dialog x-ref="dialog" class="shortcuts animate__animated animate__fadeIn">
+		<dialog x-ref="dialog" class="shortcuts">
 			<div class="shortcuts-header">
 				<div class="shortcuts-title"><?= _("Shortcuts") ?></div>
 				<div

web/templates/includes/panel.php

@@ -69,7 +69,7 @@
 						<ul
 							x-cloak
 							x-show="open"
-							class="top-bar-notifications-list animate__animated animate__fadeIn"
+							class="top-bar-notifications-list"
 						>
 							<template x-if="initialized && notifications.length == 0">
 								<li class="top-bar-notification-item empty">