Add opacity and scale animation, update

transparency effects, and improve loading symbol
style

src/SEQTA.js

@@ -290,7 +290,7 @@ async function DeleteWhatsNew() {
   
   animate(
     [popup, bkelement],
-    { opacity: [1, 0]},
+    { opacity: [1, 0], scale: [1, 0] },
     { easing: [.22, .03, .26, 1] }
   ).finished.then(() => {
     bkelement.remove();

src/inject/injected/transparency.scss

@@ -21,6 +21,7 @@ html.transparencyEffects {
   }
 
   /* Blurs */
+  .BasicPanel__BasicPanel___1GP6s,
   .message.addMessage,
   .singleSelect,
   .uiFileHandlerPanel,

src/seqta/ui/Loading.js

@@ -20,7 +20,7 @@ export function AppendLoadingSymbol(givenID, position) {
 export default function loading() {
   let loadinghtml = stringToHTML(
     String.raw`
-    <div class="bkloading" id="loading" style="background-color: var(--theme-secondary, var(--background-secondary)); color: var(--text-primary); width: 100%;overflow: hidden;opacity: 1;transition: 1s;height: 100%;transition: color 1ms linear;top: 0;position: absolute;left: 0;z-index: 1000000;">
+    <div class="bkloading" id="loading" style="background-color: var(--theme-secondary, var(--background-secondary)); color: var(--text-primary); width: 100%;overflow: hidden;opacity: 1;transition: 1s;height: 100%;transition: color 1ms linear, opacity 1s ease-in-out;top: 0;position: absolute;left: 0;z-index: 1000000;">
     <style>
       .svg {
         transform-origin: center;