feat(front-end): new logo edited

backend/src/main/java/com/printcalculator/controller/QuoteController.java

@@ -18,6 +18,7 @@ import java.math.BigDecimal;
 import java.nio.file.Files;
 import java.nio.file.Path;
 import java.util.HashMap;
+import java.util.Locale;
 import java.util.Map;
 
 import static org.springframework.http.HttpStatus.BAD_REQUEST;
@@ -124,6 +125,9 @@ public class QuoteController {
         if (file.isEmpty()) {
             return ResponseEntity.badRequest().build();
         }
+        if (!isSupportedInputFile(file)) {
+            throw new ResponseStatusException(BAD_REQUEST, "Unsupported file type. Allowed: stl, 3mf");
+        }
 
         // Scan for virus
         clamAVService.scan(file.getInputStream());
@@ -153,4 +157,14 @@ public class QuoteController {
             Files.deleteIfExists(tempInput);
         }
     }
+
+    private boolean isSupportedInputFile(MultipartFile file) {
+        String originalFilename = file.getOriginalFilename();
+        if (originalFilename == null || originalFilename.isBlank()) {
+            return false;
+        }
+
+        String normalized = originalFilename.toLowerCase(Locale.ROOT);
+        return normalized.endsWith(".stl") || normalized.endsWith(".3mf");
+    }
 }

backend/src/main/java/com/printcalculator/event/listener/OrderEmailListener.java

@@ -223,10 +223,15 @@ public class OrderEmailListener {
                 order.getCreatedAt().format(DateTimeFormatter.ofLocalizedDateTime(FormatStyle.MEDIUM).withLocale(locale))
         );
         templateData.put("totalCost", currencyFormatter.format(order.getTotalChf()));
+        templateData.put("logoUrl", buildLogoUrl());
         templateData.put("currentYear", Year.now().getValue());
         return templateData;
     }
 
+    private String buildLogoUrl() {
+        return frontendBaseUrl.replaceAll("/+$", "") + "/assets/images/brand-logo-yellow.svg";
+    }
+
     private String applyOrderConfirmationTexts(Map<String, Object> templateData, String language, String orderNumber) {
         return switch (language) {
             case "en" -> {

backend/src/main/java/com/printcalculator/service/quote/QuoteSessionItemService.java

@@ -72,10 +72,14 @@ public class QuoteSessionItemService {
             throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "Cannot modify a converted session");
         }
 
+        String ext = quoteStorageService.getSafeExtension(file.getOriginalFilename(), "");
+        if (ext.isBlank()) {
+            throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "Unsupported file type. Allowed: stl, 3mf");
+        }
+
         clamAVService.scan(file.getInputStream());
 
         Path sessionStorageDir = quoteStorageService.sessionStorageDir(session.getId());
-        String ext = quoteStorageService.getSafeExtension(file.getOriginalFilename(), "stl");
         String storedFilename = UUID.randomUUID() + "." + ext;
         Path persistentPath = quoteStorageService.resolveSessionPath(sessionStorageDir, storedFilename);
 

backend/src/main/java/com/printcalculator/service/quote/QuoteStorageService.java

@@ -54,7 +54,6 @@ public class QuoteStorageService {
         return switch (ext) {
             case "stl" -> "stl";
             case "3mf" -> "3mf";
-            case "step", "stp" -> "step";
             default -> fallback;
         };
     }

backend/src/main/java/com/printcalculator/service/request/CustomQuoteRequestNotificationService.java

@@ -30,6 +30,9 @@ public class CustomQuoteRequestNotificationService {
     @Value("${app.mail.contact-request.customer.enabled:true}")
     private boolean contactRequestCustomerMailEnabled;
 
+    @Value("${app.frontend.base-url:http://localhost:4200}")
+    private String frontendBaseUrl;
+
     public CustomQuoteRequestNotificationService(EmailNotificationService emailNotificationService,
                                                  ContactRequestLocalizationService localizationService) {
         this.emailNotificationService = emailNotificationService;
@@ -63,6 +66,7 @@ public class CustomQuoteRequestNotificationService {
         templateData.put("phone", safeValue(request.getPhone()));
         templateData.put("message", safeValue(request.getMessage()));
         templateData.put("attachmentsCount", attachmentsCount);
+        templateData.put("logoUrl", buildLogoUrl());
         templateData.put("currentYear", Year.now().getValue());
 
         emailNotificationService.sendEmail(
@@ -101,6 +105,7 @@ public class CustomQuoteRequestNotificationService {
         templateData.put("phone", safeValue(request.getPhone()));
         templateData.put("message", safeValue(request.getMessage()));
         templateData.put("attachmentsCount", attachmentsCount);
+        templateData.put("logoUrl", buildLogoUrl());
         templateData.put("currentYear", Year.now().getValue());
 
         String subject = localizationService.applyCustomerContactRequestTexts(templateData, language, request.getId());
@@ -119,4 +124,8 @@ public class CustomQuoteRequestNotificationService {
         }
         return value;
     }
+
+    private String buildLogoUrl() {
+        return frontendBaseUrl.replaceAll("/+$", "") + "/assets/images/brand-logo-yellow.svg";
+    }
 }

backend/src/main/resources/templates/email/contact-request-admin.html

@@ -25,6 +25,21 @@
             color: #222222;
         }
 
+        .header {
+            text-align: center;
+            border-bottom: 1px solid #eeeeee;
+            padding-bottom: 20px;
+            margin-bottom: 20px;
+        }
+
+        .brand-logo {
+            display: block;
+            width: 220px;
+            max-width: 220px;
+            height: auto;
+            margin: 0 auto 16px;
+        }
+
         p {
             color: #444444;
             line-height: 1.5;
@@ -63,7 +78,10 @@
 </head>
 <body>
 <div class="container">
+    <div class="header">
+        <img class="brand-logo" th:src="${logoUrl}" src="https://example.com/assets/images/brand-logo-yellow.svg" alt="3D-Fab">
         <h1>Nuova richiesta di contatto</h1>
+    </div>
     <p>E' stata ricevuta una nuova richiesta dal form contatti/su misura.</p>
 
     <table>

backend/src/main/resources/templates/email/contact-request-customer.html

@@ -25,6 +25,21 @@
             color: #222222;
         }
 
+        .header {
+            text-align: center;
+            border-bottom: 1px solid #eeeeee;
+            padding-bottom: 20px;
+            margin-bottom: 20px;
+        }
+
+        .brand-logo {
+            display: block;
+            width: 220px;
+            max-width: 220px;
+            height: auto;
+            margin: 0 auto 16px;
+        }
+
         h2 {
             margin-top: 18px;
             color: #222222;
@@ -69,7 +84,10 @@
 </head>
 <body>
 <div class="container">
+    <div class="header">
+        <img class="brand-logo" th:src="${logoUrl}" src="https://example.com/assets/images/brand-logo-yellow.svg" alt="3D-Fab">
         <h1 th:text="${headlineText}">We received your contact request</h1>
+    </div>
     <p th:text="${greetingText}">Hi customer,</p>
     <p th:text="${introText}">Thank you for contacting us. Our team will reply as soon as possible.</p>
     <p>

backend/src/main/resources/templates/email/order-confirmation.html

@@ -27,8 +27,17 @@
             margin-bottom: 20px;
         }
 
+        .brand-logo {
+            display: block;
+            width: 220px;
+            max-width: 220px;
+            height: auto;
+            margin: 0 auto 16px;
+        }
+
         .header h1 {
             color: #333333;
+            margin: 0;
         }
 
         .content {
@@ -67,6 +76,7 @@
 <body>
 <div class="container">
     <div class="header">
+        <img class="brand-logo" th:src="${logoUrl}" src="https://example.com/assets/images/brand-logo-yellow.svg" alt="3D-Fab">
         <h1 th:text="${headlineText}">Thank you for your order #00000000</h1>
     </div>
 

backend/src/main/resources/templates/email/order-shipped.html

@@ -27,8 +27,17 @@
             margin-bottom: 20px;
         }
 
+        .brand-logo {
+            display: block;
+            width: 220px;
+            max-width: 220px;
+            height: auto;
+            margin: 0 auto 16px;
+        }
+
         .header h1 {
             color: #333333;
+            margin: 0;
         }
 
         .content {
@@ -70,6 +79,7 @@
 <body>
 <div class="container">
     <div class="header">
+        <img class="brand-logo" th:src="${logoUrl}" src="https://example.com/assets/images/brand-logo-yellow.svg" alt="3D-Fab">
         <h1 th:text="${headlineText}">Your order #00000000 has been shipped</h1>
     </div>
 

backend/src/main/resources/templates/email/payment-confirmed.html

@@ -27,8 +27,17 @@
             margin-bottom: 20px;
         }
 
+        .brand-logo {
+            display: block;
+            width: 220px;
+            max-width: 220px;
+            height: auto;
+            margin: 0 auto 16px;
+        }
+
         .header h1 {
             color: #333333;
+            margin: 0;
         }
 
         .content {
@@ -70,6 +79,7 @@
 <body>
 <div class="container">
     <div class="header">
+        <img class="brand-logo" th:src="${logoUrl}" src="https://example.com/assets/images/brand-logo-yellow.svg" alt="3D-Fab">
         <h1 th:text="${headlineText}">Payment confirmed for order #00000000</h1>
     </div>
 

backend/src/main/resources/templates/email/payment-reported.html

@@ -27,8 +27,17 @@
             margin-bottom: 20px;
         }
 
+        .brand-logo {
+            display: block;
+            width: 220px;
+            max-width: 220px;
+            height: auto;
+            margin: 0 auto 16px;
+        }
+
         .header h1 {
             color: #333333;
+            margin: 0;
         }
 
         .content {
@@ -70,6 +79,7 @@
 <body>
 <div class="container">
     <div class="header">
+        <img class="brand-logo" th:src="${logoUrl}" src="https://example.com/assets/images/brand-logo-yellow.svg" alt="3D-Fab">
         <h1 th:text="${headlineText}">Payment reported for order #00000000</h1>
     </div>
 

frontend/public/site.webmanifest

@@ -0,0 +1,23 @@
+{
+  "name": "3D fab",
+  "short_name": "3D fab",
+  "description": "Stampa 3D su misura con preventivo online immediato.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "/assets/images/Fav-icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/assets/images/Fav-icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ]
+}

frontend/src/app/app.component.html

@@ -1 +1,14 @@
 <router-outlet></router-outlet>
+
+@if (siteIntroState() !== 'hidden') {
+  <div
+    class="site-intro"
+    [class.site-intro--closing]="siteIntroState() === 'closing'"
+    aria-hidden="true"
+  >
+    <app-brand-animation-logo
+      class="site-intro__logo"
+      variant="site-intro"
+    ></app-brand-animation-logo>
+  </div>
+}

frontend/src/app/app.component.scss

@@ -0,0 +1,40 @@
+.site-intro {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  display: grid;
+  place-items: center;
+  background: var(--color-bg);
+  pointer-events: none;
+  opacity: 1;
+  transition: opacity 0.24s ease-out;
+}
+
+.site-intro--closing {
+  opacity: 0;
+}
+
+.site-intro__logo {
+  width: min(calc(100vw - 2rem), 23rem);
+  --brand-animation-width: 23rem;
+  --brand-animation-height: 7.1rem;
+  --brand-animation-letter-width: 3.75rem;
+  --brand-animation-scale: 0.88;
+  --brand-animation-width-mobile: 16.8rem;
+  --brand-animation-height-mobile: 5.3rem;
+  --brand-animation-letter-width-mobile: 2.8rem;
+  --brand-animation-scale-mobile: 0.68;
+  --brand-animation-site-intro-duration: 1.05s;
+  justify-self: center;
+  align-self: center;
+  opacity: 1;
+  transform: scale(1);
+  transition:
+    opacity 0.24s ease-out,
+    transform 0.24s ease-out;
+}
+
+.site-intro--closing .site-intro__logo {
+  opacity: 0;
+  transform: scale(0.985);
+}

frontend/src/app/app.component.ts

@@ -1,14 +1,50 @@
-import { Component, inject } from '@angular/core';
+import {
+  afterNextRender,
+  Component,
+  DestroyRef,
+  Inject,
+  Optional,
+  PLATFORM_ID,
+  inject,
+  signal,
+} from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
 import { SeoService } from './core/services/seo.service';
+import { BrandAnimationLogoComponent } from './shared/components/brand-animation-logo/brand-animation-logo.component';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet],
+  imports: [RouterOutlet, BrandAnimationLogoComponent],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
 })
 export class AppComponent {
   private readonly seoService = inject(SeoService);
+  private readonly destroyRef = inject(DestroyRef);
+  readonly siteIntroState = signal<'hidden' | 'active' | 'closing'>('hidden');
+
+  constructor(@Optional() @Inject(PLATFORM_ID) platformId?: Object) {
+    if (!isPlatformBrowser(platformId ?? 'browser')) {
+      return;
+    }
+
+    afterNextRender(() => {
+      this.siteIntroState.set('active');
+
+      const closeTimeoutId = window.setTimeout(() => {
+        this.siteIntroState.set('closing');
+      }, 1020);
+
+      const hideTimeoutId = window.setTimeout(() => {
+        this.siteIntroState.set('hidden');
+      }, 1280);
+
+      this.destroyRef.onDestroy(() => {
+        window.clearTimeout(closeTimeoutId);
+        window.clearTimeout(hideTimeoutId);
+      });
+    });
+  }
 }

frontend/src/app/app.config.ts

@@ -28,21 +28,12 @@ import {
 import { serverOriginInterceptor } from './core/interceptors/server-origin.interceptor';
 import { catchError, firstValueFrom, of } from 'rxjs';
 import { StaticTranslateLoader } from './core/i18n/static-translate.loader';
-
+import {
-type SupportedLang = 'it' | 'en' | 'de' | 'fr';
+  getNavigatorLanguagePreferences,
-const SUPPORTED_LANGS: readonly SupportedLang[] = ['it', 'en', 'de', 'fr'];
+  parseAcceptLanguage,
-
+  resolveInitialLanguage,
-function resolveLangFromUrl(url: string): SupportedLang {
+  SUPPORTED_LANGS,
-  const firstSegment = (url || '/')
+} from './core/i18n/language-resolution';
-    .split('?')[0]
-    .split('#')[0]
-    .split('/')
-    .filter(Boolean)[0]
-    ?.toLowerCase();
-  return SUPPORTED_LANGS.includes(firstSegment as SupportedLang)
-    ? (firstSegment as SupportedLang)
-    : 'it';
-}
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -52,7 +43,7 @@ export const appConfig: ApplicationConfig = {
       withComponentInputBinding(),
       withViewTransitions(),
       withInMemoryScrolling({
-        scrollPositionRestoration: 'top',
+        scrollPositionRestoration: 'enabled',
       }),
     ),
     provideHttpClient(
@@ -72,13 +63,21 @@ export const appConfig: ApplicationConfig = {
       const router = inject(Router);
       const request = inject(REQUEST, { optional: true }) as {
         url?: string;
+        headers?: Record<string, string | string[] | undefined>;
       } | null;
 
       translate.addLangs([...SUPPORTED_LANGS]);
       translate.setFallbackLang('it');
       const requestedUrl =
         (typeof request?.url === 'string' && request.url) || router.url || '/';
-      const lang = resolveLangFromUrl(requestedUrl);
+      const lang = resolveInitialLanguage({
+        url: requestedUrl,
+        preferredLanguages: request
+          ? parseAcceptLanguage(readRequestHeader(request, 'accept-language'))
+          : getNavigatorLanguagePreferences(
+              typeof navigator === 'undefined' ? null : navigator,
+            ),
+      });
 
       return firstValueFrom(
         translate.use(lang).pipe(
@@ -96,3 +95,21 @@ export const appConfig: ApplicationConfig = {
     provideClientHydration(withEventReplay()),
   ],
 };
+
+function readRequestHeader(
+  request: {
+    headers?: Record<string, string | string[] | undefined>;
+  } | null,
+  headerName: string,
+): string | null {
+  if (!request?.headers) {
+    return null;
+  }
+
+  const headerValue = request.headers[headerName.toLowerCase()];
+  if (Array.isArray(headerValue)) {
+    return headerValue[0] ?? null;
+  }
+
+  return typeof headerValue === 'string' ? headerValue : null;
+}

frontend/src/app/app.routes.ts

@@ -134,6 +134,31 @@ const appChildRoutes: Routes = [
 ];
 
 export const routes: Routes = [
+  {
+    path: ':lang/calculator/animation-test',
+    canMatch: [langPrefixCanMatch],
+    loadComponent: () =>
+      import('./features/calculator/calculator-animation-test.component').then(
+        (m) => m.CalculatorAnimationTestComponent,
+      ),
+    data: {
+      seoTitleKey: 'SEO.ROUTES.CALCULATOR.TITLE',
+      seoDescriptionKey: 'SEO.ROUTES.CALCULATOR.DESCRIPTION',
+      seoRobots: 'noindex, nofollow',
+    },
+  },
+  {
+    path: 'calculator/animation-test',
+    loadComponent: () =>
+      import('./features/calculator/calculator-animation-test.component').then(
+        (m) => m.CalculatorAnimationTestComponent,
+      ),
+    data: {
+      seoTitleKey: 'SEO.ROUTES.CALCULATOR.TITLE',
+      seoDescriptionKey: 'SEO.ROUTES.CALCULATOR.DESCRIPTION',
+      seoRobots: 'noindex, nofollow',
+    },
+  },
   {
     path: ':lang',
     canMatch: [langPrefixCanMatch],

frontend/src/app/core/i18n/language-resolution.ts

@@ -0,0 +1,133 @@
+export type SupportedLang = 'it' | 'en' | 'de' | 'fr';
+
+export const SUPPORTED_LANGS: readonly SupportedLang[] = [
+  'it',
+  'en',
+  'de',
+  'fr',
+];
+
+type InitialLanguageOptions = {
+  url?: string | null;
+  preferredLanguages?: readonly string[] | null;
+  fallbackLang?: SupportedLang;
+};
+
+type NavigatorLike = {
+  language?: string;
+  languages?: readonly string[];
+};
+
+export function resolveInitialLanguage({
+  url,
+  preferredLanguages,
+  fallbackLang = 'it',
+}: InitialLanguageOptions): SupportedLang {
+  const explicitLang = resolveExplicitLanguageFromUrl(url);
+  if (explicitLang) {
+    return explicitLang;
+  }
+
+  for (const candidate of preferredLanguages ?? []) {
+    const normalized = normalizeSupportedLanguage(candidate);
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return fallbackLang;
+}
+
+export function parseAcceptLanguage(
+  header: string | null | undefined,
+): string[] {
+  if (!header) {
+    return [];
+  }
+
+  return header
+    .split(',')
+    .map((entry, index) => {
+      const [rawTag, ...params] = entry.split(';').map((part) => part.trim());
+      if (!rawTag) {
+        return null;
+      }
+
+      const qualityParam = params.find((param) => param.startsWith('q='));
+      const quality = qualityParam ? Number.parseFloat(qualityParam.slice(2)) : 1;
+      return {
+        tag: rawTag,
+        quality: Number.isFinite(quality) ? quality : 0,
+        index,
+      };
+    })
+    .filter(
+      (
+        entry,
+      ): entry is {
+        tag: string;
+        quality: number;
+        index: number;
+      } => entry !== null && entry.quality > 0,
+    )
+    .sort((left, right) => right.quality - left.quality || left.index - right.index)
+    .map((entry) => entry.tag);
+}
+
+export function getNavigatorLanguagePreferences(
+  navigatorLike: NavigatorLike | null | undefined,
+): string[] {
+  if (!navigatorLike) {
+    return [];
+  }
+
+  const orderedLanguages = [
+    ...(Array.isArray(navigatorLike.languages) ? navigatorLike.languages : []),
+  ];
+
+  if (
+    typeof navigatorLike.language === 'string' &&
+    navigatorLike.language &&
+    !orderedLanguages.includes(navigatorLike.language)
+  ) {
+    orderedLanguages.push(navigatorLike.language);
+  }
+
+  return orderedLanguages;
+}
+
+function resolveExplicitLanguageFromUrl(
+  url: string | null | undefined,
+): SupportedLang | null {
+  const normalizedUrl = String(url ?? '/');
+  const [pathAndQuery] = normalizedUrl.split('#', 1);
+  const [rawPath, rawQuery] = pathAndQuery.split('?', 2);
+  const firstSegment = rawPath
+    .split('/')
+    .filter(Boolean)[0];
+  const pathLanguage = normalizeSupportedLanguage(firstSegment);
+  if (pathLanguage) {
+    return pathLanguage;
+  }
+
+  const queryLanguage = new URLSearchParams(rawQuery ?? '').get('lang');
+  return normalizeSupportedLanguage(queryLanguage);
+}
+
+function normalizeSupportedLanguage(
+  rawLanguage: string | null | undefined,
+): SupportedLang | null {
+  if (typeof rawLanguage !== 'string') {
+    return null;
+  }
+
+  const normalized = rawLanguage.trim().toLowerCase();
+  if (!normalized || normalized === '*') {
+    return null;
+  }
+
+  const [baseLanguage] = normalized.split('-', 1);
+  return SUPPORTED_LANGS.includes(baseLanguage as SupportedLang)
+    ? (baseLanguage as SupportedLang)
+    : null;
+}

frontend/src/app/core/layout/footer.component.html

@@ -1,7 +1,11 @@
 <footer class="footer">
   <div class="container footer-inner">
     <div class="col">
-      <span class="brand">3D fab</span>
+      <img
+        class="brand"
+        src="/assets/images/brand-logo-white.svg"
+        alt="3D Fab"
+      />
       <p class="copyright">&copy; 2026 3D fab.</p>
     </div>
 

frontend/src/app/core/layout/footer.component.scss

@@ -38,9 +38,10 @@
 }
 
 .brand {
-  font-weight: 700;
-  color: white;
   display: block;
+  width: auto;
+  height: 1.85rem;
+  max-width: min(9.25rem, 46vw);
   margin-bottom: var(--space-2);
 }
 .copyright {

frontend/src/app/core/layout/layout.component.ts

@@ -10,4 +10,5 @@ import { FooterComponent } from './footer.component';
   templateUrl: './layout.component.html',
   styleUrl: './layout.component.scss',
 })
-export class LayoutComponent {}
+export class LayoutComponent {
+}

frontend/src/app/core/layout/navbar.component.html

@@ -1,8 +1,15 @@
 <header class="navbar">
   <div class="container navbar-inner">
-    <a [routerLink]="langService.localizedPath('/')" class="brand"
+    <a [routerLink]="langService.localizedPath('/')" class="brand">
-      >3D <span class="highlight">fab</span></a
+      <img
-    >
+        class="brand-logo"
+        ngSrc="/assets/images/Asset%202.svg"
+        alt="3D Fab"
+        width="380"
+        height="86"
+        priority
+      />
+    </a>
 
     <div
       class="mobile-toggle"

frontend/src/app/core/layout/navbar.component.scss

@@ -14,13 +14,16 @@
   justify-content: space-between;
 }
 .brand {
-  font-size: 1.25rem;
+  display: inline-flex;
-  font-weight: 700;
+  align-items: center;
-  color: var(--color-text);
   text-decoration: none;
 }
-.highlight {
+
-  color: var(--color-brand);
+.brand-logo {
+  display: block;
+  width: auto;
+  height: 2.1rem;
+  max-width: min(11rem, 40vw);
 }
 
 .nav-links {

frontend/src/app/core/layout/navbar.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+import {CommonModule, NgOptimizedImage} from '@angular/common';
 import {
   afterNextRender,
   Component,
@@ -30,7 +30,7 @@ import {
 @Component({
   selector: 'app-navbar',
   standalone: true,
-  imports: [CommonModule, RouterLink, RouterLinkActive, TranslateModule],
+  imports: [CommonModule, RouterLink, RouterLinkActive, TranslateModule, NgOptimizedImage],
   templateUrl: './navbar.component.html',
   styleUrls: ['./navbar.component.scss'],
 })

frontend/src/app/core/services/language.service.spec.ts

@@ -2,6 +2,7 @@ import { Subject } from 'rxjs';
 import { DefaultUrlSerializer, Router, UrlTree } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { LanguageService } from './language.service';
+import { RequestLike } from '../../../core/request-origin';
 
 describe('LanguageService', () => {
   function createTranslateMock() {
@@ -70,9 +71,14 @@ describe('LanguageService', () => {
     const translate = createTranslateMock();
     const router = createRouterMock('/calculator?session=abc');
     const navigateSpy = router.navigateByUrl as unknown as jasmine.Spy;
+    const request: RequestLike = {
+      headers: {
+        'accept-language': 'it-CH,it;q=0.9,en;q=0.8',
+      },
+    };
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const service = new LanguageService(translate, router);
+    const service = new LanguageService(translate, router, request);
 
     expect(translate.use).toHaveBeenCalledWith('it');
     expect((translate as any).setFallbackLang).toHaveBeenCalledWith('it');
@@ -85,6 +91,27 @@ describe('LanguageService', () => {
     expect(navOptions.replaceUrl).toBeTrue();
   });
 
+  it('uses the preferred browser language when the URL has no language prefix', () => {
+    const translate = createTranslateMock();
+    const router = createRouterMock('/calculator?session=abc');
+    const navigateSpy = router.navigateByUrl as unknown as jasmine.Spy;
+    const request: RequestLike = {
+      headers: {
+        'accept-language': 'de-CH,de;q=0.9,en;q=0.8,it;q=0.7',
+      },
+    };
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const service = new LanguageService(translate, router, request);
+
+    expect(translate.use).toHaveBeenCalledWith('de');
+    expect(navigateSpy).toHaveBeenCalledTimes(1);
+
+    const firstCall = navigateSpy.calls.mostRecent();
+    const tree = firstCall.args[0] as UrlTree;
+    expect(router.serializeUrl(tree)).toBe('/de/calculator?session=abc');
+  });
+
   it('switches language while preserving path and query params', () => {
     const translate = createTranslateMock();
     const router = createRouterMock('/it/calculator?session=abc&mode=advanced');

frontend/src/app/core/services/language.service.ts

@@ -1,4 +1,4 @@
-import { Injectable, signal } from '@angular/core';
+import { Inject, Injectable, Optional, REQUEST, signal } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import {
   NavigationEnd,
@@ -6,6 +6,12 @@ import {
   Router,
   UrlTree,
 } from '@angular/router';
+import {
+  getNavigatorLanguagePreferences,
+  parseAcceptLanguage,
+  resolveInitialLanguage,
+} from '../i18n/language-resolution';
+import { RequestLike } from '../../../core/request-origin';
 
 @Injectable({
   providedIn: 'root',
@@ -22,6 +28,7 @@ export class LanguageService {
   constructor(
     private translate: TranslateService,
     private router: Router,
+    @Optional() @Inject(REQUEST) private request: RequestLike | null = null,
   ) {
     this.translate.addLangs(this.supportedLangs);
     this.translate.setFallbackLang('it');
@@ -34,13 +41,14 @@ export class LanguageService {
     });
 
     const initialTree = this.router.parseUrl(this.router.url);
-    const initialSegments = this.getPrimarySegments(initialTree);
+    const initialLang = resolveInitialLanguage({
-    const queryLang = this.getQueryLang(initialTree);
+      url: this.router.url,
-    const initialLang = this.isSupportedLang(initialSegments[0])
+      preferredLanguages: this.request
-      ? initialSegments[0]
+        ? parseAcceptLanguage(this.readRequestHeader('accept-language'))
-      : this.isSupportedLang(queryLang)
+        : getNavigatorLanguagePreferences(
-        ? queryLang
+            typeof navigator === 'undefined' ? null : navigator,
-        : 'it';
+          ),
+    });
     this.applyLanguage(initialLang);
     this.ensureLanguageInPath(initialTree);
 
@@ -151,6 +159,17 @@ export class LanguageService {
     return typeof lang === 'string' ? lang.toLowerCase() : null;
   }
 
+  private readRequestHeader(headerName: string): string | null {
+    const headerValue =
+      this.request?.headers?.[headerName.toLowerCase()] ??
+      this.request?.get?.(headerName.toLowerCase());
+    if (Array.isArray(headerValue)) {
+      return headerValue[0] ?? null;
+    }
+
+    return typeof headerValue === 'string' ? headerValue : null;
+  }
+
   private isSupportedLang(
     lang: string | null | undefined,
   ): lang is 'it' | 'en' | 'de' | 'fr' {

frontend/src/app/core/services/seo.service.spec.ts

@@ -94,14 +94,14 @@ describe('SeoService', () => {
     }));
 
     expect(alternates).toContain({
-      hreflang: 'en',
+      hreflang: 'en-CH',
       href: `${document.location.origin}/en/privacy`,
     });
     expect(alternates).toContain({
       hreflang: 'x-default',
       href: `${document.location.origin}/it/privacy`,
     });
-    expect(document.documentElement.lang).toBe('it');
+    expect(document.documentElement.lang).toBe('it-CH');
 
     const ogUrlCall = meta.updateTag.calls
       .allArgs()
@@ -109,6 +109,11 @@ describe('SeoService', () => {
     expect(ogUrlCall?.[0].content).toBe(
       `${document.location.origin}/it/privacy`,
     );
+
+    const ogLocaleCall = meta.updateTag.calls
+      .allArgs()
+      .find(([tag]) => tag.property === 'og:locale');
+    expect(ogLocaleCall?.[0].content).toBe('it_CH');
   });
 
   it('resolves translated route metadata for the active language', () => {
@@ -130,6 +135,6 @@ describe('SeoService', () => {
       .allArgs()
       .find(([tag]) => tag.name === 'description');
     expect(descriptionCall?.[0].content).toBe('About description');
-    expect(document.documentElement.lang).toBe('en');
+    expect(document.documentElement.lang).toBe('en-CH');
   });
 });

frontend/src/app/core/services/seo.service.ts

@@ -51,10 +51,16 @@ export class SeoService {
     this.supportedLangs,
   );
   private readonly ogLocaleByLang: Record<SupportedLang, string> = {
-    it: 'it_IT',
+    it: 'it_CH',
-    en: 'en_US',
+    en: 'en_CH',
-    de: 'de_DE',
+    de: 'de_CH',
-    fr: 'fr_FR',
+    fr: 'fr_CH',
+  };
+  private readonly seoLocaleByLang: Record<SupportedLang, string> = {
+    it: 'it-CH',
+    en: 'en-CH',
+    de: 'de-CH',
+    fr: 'fr-CH',
   };
 
   constructor(
@@ -315,7 +321,7 @@ export class SeoService {
     const suffix =
       suffixSegments.length > 0 ? `/${suffixSegments.join('/')}` : '';
 
-    this.document.documentElement.lang = lang;
+    this.document.documentElement.lang = this.seoLocaleByLang[lang];
 
     this.document.head
       .querySelectorAll('link[rel="alternate"][data-seo-managed="true"]')
@@ -323,7 +329,7 @@ export class SeoService {
 
     for (const alt of this.supportedLangs) {
       this.appendAlternateLink(
-        alt,
+        this.seoLocaleByLang[alt],
         `${this.document.location.origin}/${alt}${suffix}`,
       );
     }

frontend/src/app/features/calculator/calculator-animation-test.component.html

@@ -0,0 +1,31 @@
+<section class="animation-test-page">
+  <div class="animation-toolbar" role="group" aria-label="Animation variants">
+    <button
+      type="button"
+      class="variant-toggle"
+      [class.active]="variant() === 'site-intro'"
+      (click)="setVariant('site-intro')"
+    >
+      Site intro
+    </button>
+    <button
+      type="button"
+      class="variant-toggle"
+      [class.active]="variant() === 'calculator-loader'"
+      (click)="setVariant('calculator-loader')"
+    >
+      Calculator loader
+    </button>
+  </div>
+
+  <div
+    class="animation-stage"
+    [attr.data-variant]="variant()"
+  >
+    <app-brand-animation-logo
+      [variant]="variant()"
+      [decorative]="false"
+      ariaLabel="3D fab animation test"
+    ></app-brand-animation-logo>
+  </div>
+</section>

frontend/src/app/features/calculator/calculator-animation-test.component.scss

@@ -0,0 +1,60 @@
+:host {
+  display: block;
+}
+
+.animation-test-page {
+  min-height: 100vh;
+  display: grid;
+  align-content: center;
+  justify-items: center;
+  gap: 1.5rem;
+  padding: 2rem 1.5rem 3rem;
+  background: #fff;
+}
+
+.animation-toolbar {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.35rem;
+  border: 1px solid rgba(16, 24, 32, 0.12);
+  border-radius: 999px;
+  background: #f7f5ef;
+}
+
+.variant-toggle {
+  min-height: 2.4rem;
+  padding: 0 1rem;
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--color-text-muted);
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    background-color 0.18s ease,
+    color 0.18s ease,
+    box-shadow 0.18s ease;
+}
+
+.variant-toggle.active {
+  background: #fff;
+  color: var(--color-text);
+  box-shadow: 0 6px 16px rgba(16, 24, 32, 0.08);
+}
+
+.animation-stage {
+  width: min(100%, 26rem);
+}
+
+@media (max-width: 640px) {
+  .animation-toolbar {
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .animation-stage {
+    width: min(100%, 19rem);
+  }
+}

frontend/src/app/features/calculator/calculator-animation-test.component.ts

@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { Component, signal } from '@angular/core';
+import {
+  BrandAnimationLogoComponent,
+  BrandAnimationVariant,
+} from '../../shared/components/brand-animation-logo/brand-animation-logo.component';
+
+@Component({
+  selector: 'app-calculator-animation-test',
+  standalone: true,
+  imports: [CommonModule, BrandAnimationLogoComponent],
+  templateUrl: './calculator-animation-test.component.html',
+  styleUrl: './calculator-animation-test.component.scss',
+})
+export class CalculatorAnimationTestComponent {
+  readonly variant = signal<BrandAnimationVariant>('site-intro');
+
+  setVariant(variant: BrandAnimationVariant): void {
+    this.variant.set(variant);
+  }
+}

frontend/src/app/features/calculator/calculator-page.component.html

@@ -57,7 +57,10 @@
       @if (loading()) {
         <app-card class="loading-state">
           <div class="loader-content">
-            <div class="spinner"></div>
+            <app-brand-animation-logo
+              class="loader-logo"
+              variant="calculator-loader"
+            ></app-brand-animation-logo>
             <h3 class="loading-title">
               {{ "CALC.ANALYZING_TITLE" | translate }}
             </h3>

frontend/src/app/features/calculator/calculator-page.component.scss

@@ -93,7 +93,7 @@
 
 .loader-content {
   text-align: center;
-  max-width: 300px;
+  max-width: 22rem;
   margin: 0 auto;
 
   /* Center content vertically within the stretched card */
@@ -101,12 +101,14 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center;
+  gap: var(--space-3);
 }
 
 .loading-title {
   font-size: 1.1rem;
   font-weight: 600;
-  margin: var(--space-4) 0 var(--space-2);
+  margin: 0;
   color: var(--color-text);
 }
 
@@ -114,23 +116,21 @@
   font-size: 0.9rem;
   color: var(--color-text-muted);
   line-height: 1.5;
+  margin: 0;
 }
 
-.spinner {
+.loader-logo {
-  border: 3px solid var(--color-neutral-200);
+  display: block;
-  border-left-color: var(--color-brand);
+  width: min(100%, 16rem);
-  border-radius: 50%;
-  width: 48px;
-  height: 48px;
-  animation: spin 1s linear infinite;
   margin: 0 auto;
-}
+  --brand-animation-width: 16rem;
-
+  --brand-animation-height: 4.8rem;
-@keyframes spin {
+  --brand-animation-letter-width: 2.85rem;
-  0% {
+  --brand-animation-scale: 0.84;
-    transform: rotate(0deg);
+  --brand-animation-word-spacing: 0.97;
-  }
+  --brand-animation-width-mobile: 14rem;
-  100% {
+  --brand-animation-height-mobile: 4.1rem;
-    transform: rotate(360deg);
+  --brand-animation-letter-width-mobile: 2.45rem;
-  }
+  --brand-animation-scale-mobile: 0.84;
+  --brand-animation-loader-loop-duration: 2.65s;
 }

frontend/src/app/features/calculator/calculator-page.component.ts

@@ -17,6 +17,7 @@ import { catchError, map } from 'rxjs/operators';
 import { AppCardComponent } from '../../shared/components/app-card/app-card.component';
 import { AppAlertComponent } from '../../shared/components/app-alert/app-alert.component';
 import { AppButtonComponent } from '../../shared/components/app-button/app-button.component';
+import { BrandAnimationLogoComponent } from '../../shared/components/brand-animation-logo/brand-animation-logo.component';
 import { UploadFormComponent } from './components/upload-form/upload-form.component';
 import { QuoteResultComponent } from './components/quote-result/quote-result.component';
 import {
@@ -48,6 +49,7 @@ type TrackedPrintSettings = {
     AppCardComponent,
     AppAlertComponent,
     AppButtonComponent,
+    BrandAnimationLogoComponent,
     UploadFormComponent,
     QuoteResultComponent,
     SuccessStateComponent,

frontend/src/app/features/calculator/calculator.routes.ts

@@ -3,6 +3,18 @@ import { CalculatorPageComponent } from './calculator-page.component';
 
 export const CALCULATOR_ROUTES: Routes = [
   { path: '', redirectTo: 'basic', pathMatch: 'full' },
+  {
+    path: 'animation-test',
+    loadComponent: () =>
+      import('./calculator-animation-test.component').then(
+        (m) => m.CalculatorAnimationTestComponent,
+      ),
+    data: {
+      seoTitleKey: 'SEO.ROUTES.CALCULATOR.TITLE',
+      seoDescriptionKey: 'SEO.ROUTES.CALCULATOR.DESCRIPTION',
+      seoRobots: 'noindex, nofollow',
+    },
+  },
   {
     path: 'basic',
     component: CalculatorPageComponent,

frontend/src/app/features/calculator/components/upload-form/upload-form.component.ts

@@ -127,7 +127,8 @@ export class UploadFormComponent implements OnInit {
   private layerHeightsByNozzle: Record<string, SimpleOption[]> = {};
   private isPatchingSettings = false;
 
-  acceptedFormats = '.stl,.3mf,.step,.stp';
+  acceptedFormats = '.stl,.3mf';
+  private readonly allowedExtensions = ['stl', '3mf'] as const;
 
   constructor() {
     this.form = this.fb.group({
@@ -286,6 +287,13 @@ export class UploadFormComponent implements OnInit {
     return name.endsWith('.stl');
   }
 
+  isSupportedFile(file: File | null): boolean {
+    if (!file) return false;
+
+    const name = file.name.toLowerCase().trim();
+    return this.allowedExtensions.some((ext) => name.endsWith(`.${ext}`));
+  }
+
   canPreviewSelectedFile(): boolean {
     return this.isStlFile(this.getSelectedPreviewFile());
   }
@@ -340,13 +348,19 @@ export class UploadFormComponent implements OnInit {
   onFilesDropped(newFiles: File[]) {
     const MAX_SIZE = 200 * 1024 * 1024;
     const validItems: FormItem[] = [];
-    let hasError = false;
+    let hasInvalidType = false;
+    let hasOversize = false;
 
     const defaults = this.getCurrentGlobalItemDefaults();
 
     for (const file of newFiles) {
+      if (!this.isSupportedFile(file)) {
+        hasInvalidType = true;
+        continue;
+      }
+
       if (file.size > MAX_SIZE) {
-        hasError = true;
+        hasOversize = true;
         continue;
       }
 
@@ -367,7 +381,11 @@ export class UploadFormComponent implements OnInit {
       });
     }
 
-    if (hasError) {
+    if (hasInvalidType) {
+      alert(this.translate.instant('CALC.ERR_INVALID_FILE_TYPE'));
+    }
+
+    if (hasOversize) {
       alert(this.translate.instant('CALC.ERR_FILE_TOO_LARGE'));
     }
 

frontend/src/app/features/shop/components/product-card/product-card.component.html

@@ -1,5 +1,10 @@
 <article class="product-card">
-  <a class="media" [routerLink]="productLink()" [state]="navigationState()">
+  <a
+    class="media"
+    [routerLink]="productLink()"
+    [state]="navigationState()"
+    (click)="rememberCatalogScroll()"
+  >
     @if (imageUrl(); as imageUrl) {
       <img
         [src]="imageUrl"
@@ -32,9 +37,12 @@
     </div>
 
     <h3 class="name">
-      <a [routerLink]="productLink()" [state]="navigationState()">{{
+      <a
-        product().name
+        [routerLink]="productLink()"
-      }}</a>
+        [state]="navigationState()"
+        (click)="rememberCatalogScroll()"
+        >{{ product().name }}</a
+      >
     </h3>
 
     <p class="excerpt">
@@ -62,6 +70,7 @@
         <a
           [routerLink]="productLink()"
           [state]="navigationState()"
+          (click)="rememberCatalogScroll()"
           class="view-btn"
           >{{ "SHOP.DETAILS" | translate }}</a
         >

frontend/src/app/features/shop/components/product-card/product-card.component.ts

@@ -74,4 +74,16 @@ export class ProductCardComponent {
       shopReturnUrl: this.router.url,
     };
   }
+
+  rememberCatalogScroll(): void {
+    if (typeof window === 'undefined') {
+      return;
+    }
+
+    const nextState = {
+      ...(history.state ?? {}),
+      shopRestoreScrollY: Math.max(0, Math.round(window.scrollY)),
+    };
+    history.replaceState(nextState, '');
+  }
 }

frontend/src/app/features/shop/product-detail.component.ts

@@ -1,4 +1,4 @@
-import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { CommonModule, Location, isPlatformBrowser } from '@angular/common';
 import {
   afterNextRender,
   Component,
@@ -59,6 +59,7 @@ export class ProductDetailComponent {
     /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
   private readonly destroyRef = inject(DestroyRef);
   private readonly injector = inject(Injector);
+  private readonly location = inject(Location);
   private readonly router = inject(Router);
   private readonly translate = inject(TranslateService);
   private readonly seoService = inject(SeoService);
@@ -489,6 +490,11 @@ export class ProductDetailComponent {
         : null;
 
     if (returnUrl && this.shopRouteService.isCatalogUrl(returnUrl)) {
+      if (this.isBrowser && window.history.length > 1) {
+        this.location.back();
+        return;
+      }
+
       void this.router.navigateByUrl(returnUrl);
       return;
     }

frontend/src/app/features/shop/shop-page.component.scss

@@ -332,6 +332,10 @@
 }
 
 @media (max-width: 760px) {
+  .cart-card {
+    display: none;
+  }
+
   .product-grid {
     grid-template-columns: 1fr;
   }

frontend/src/app/features/shop/shop-page.component.ts

@@ -141,6 +141,7 @@ export class ShopPageComponent {
         this.selectedCategory.set(result.catalog.category ?? null);
         this.products.set(result.catalog.products);
         this.applySeo(result.catalog.category ?? null);
+        this.restoreCatalogScrollIfNeeded();
       });
   }
 
@@ -353,4 +354,24 @@ export class ShopPageComponent {
       ogDescription: description,
     });
   }
+
+  private restoreCatalogScrollIfNeeded(): void {
+    if (typeof window === 'undefined') {
+      return;
+    }
+
+    const scrollY = Number(history.state?.shopRestoreScrollY);
+    if (!Number.isFinite(scrollY) || scrollY < 0) {
+      return;
+    }
+
+    const { shopRestoreScrollY: _ignored, ...nextState } = history.state ?? {};
+    const restore = () => window.scrollTo({ left: 0, top: scrollY });
+
+    history.replaceState(nextState, '');
+    window.requestAnimationFrame(() => {
+      restore();
+      window.setTimeout(restore, 60);
+    });
+  }
 }

frontend/src/app/shared/components/app-dropzone/app-dropzone.component.ts

@@ -12,7 +12,7 @@ import { TranslateModule } from '@ngx-translate/core';
 export class AppDropzoneComponent {
   label = input<string>('DROPZONE.DEFAULT_LABEL');
   subtext = input<string>('DROPZONE.DEFAULT_SUBTEXT');
-  accept = input<string>('.stl,.3mf,.step,.stp');
+  accept = input<string>('.stl,.3mf');
   multiple = input<boolean>(true);
 
   filesDropped = output<File[]>();

frontend/src/app/shared/components/brand-animation-logo/brand-animation-logo.component.html

@@ -0,0 +1,17 @@
+<div
+  class="brand-animation"
+  [attr.data-variant]="variant()"
+  role="img"
+  [attr.aria-hidden]="decorative() ? 'true' : null"
+  [attr.aria-label]="decorative() ? null : ariaLabel()"
+>
+  @for (letter of resolvedLetters(); track letter.key) {
+    <img
+      class="brand-animation__letter"
+      [src]="letter.src"
+      alt=""
+      [attr.data-letter]="letter.key"
+      [style.--word-x]="letter.wordX"
+    />
+  }
+</div>

frontend/src/app/shared/components/brand-animation-logo/brand-animation-logo.component.scss

@@ -0,0 +1,177 @@
+:host {
+  display: block;
+  width: 100%;
+}
+
+.brand-animation {
+  --three-anchor-x: -9.4rem;
+  --bee-anchor-x: 10.2rem;
+  --word-scale: var(--brand-animation-scale, 1);
+  --word-spacing-factor: var(--brand-animation-word-spacing, 1);
+  --loader-group-scale-x: 0.94;
+  --loader-group-scale-y: 1.05;
+  --loader-exit-shift: 1.6rem;
+  position: relative;
+  width: min(100%, var(--brand-animation-width, 26rem));
+  height: var(--brand-animation-height, 8rem);
+  margin-inline: auto;
+}
+
+.brand-animation__letter {
+  --word-x: 0rem;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: var(--brand-animation-letter-width, clamp(2.7rem, 6vw, 4rem));
+  height: auto;
+  transform: translate(-50%, -50%);
+  transform-origin: center center;
+  will-change: transform;
+}
+
+.brand-animation[data-variant='site-intro'] .brand-animation__letter {
+  animation: site-intro-preview var(--brand-animation-site-intro-duration, 1s) linear 1 forwards;
+}
+
+.brand-animation[data-variant='calculator-loader'] .brand-animation__letter {
+  animation: calculator-loader-loop
+    var(--brand-animation-loader-loop-duration, 2.65s)
+    infinite;
+}
+
+@keyframes site-intro-preview {
+  0% {
+    transform: translate(-50%, -50%) translateX(0) scale(0.92);
+  }
+
+  20% {
+    transform: translate(-50%, -50%) translateX(0) scale(0.92);
+  }
+
+  80% {
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(var(--word-x) * var(--word-scale) * var(--word-spacing-factor))
+      )
+      scale(1);
+  }
+
+  100% {
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(var(--word-x) * var(--word-scale) * var(--word-spacing-factor))
+      )
+      scale(1);
+  }
+}
+
+@keyframes calculator-loader-loop {
+  0%,
+  5% {
+    opacity: 0;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(
+          var(--three-anchor-x) * var(--word-scale) * var(--word-spacing-factor)
+        )
+      )
+      scaleX(var(--loader-group-scale-x))
+      scaleY(var(--loader-group-scale-y));
+  }
+
+  12% {
+    opacity: 1;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(
+          var(--three-anchor-x) * var(--word-scale) * var(--word-spacing-factor)
+        )
+      )
+      scaleX(var(--loader-group-scale-x))
+      scaleY(var(--loader-group-scale-y));
+  }
+
+  12% {
+    animation-timing-function: cubic-bezier(0.22, 0.82, 0.28, 1);
+  }
+
+  38%,
+  56% {
+    opacity: 1;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(var(--word-x) * var(--word-scale) * var(--word-spacing-factor))
+      )
+      scale(1);
+  }
+
+  56% {
+    animation-timing-function: cubic-bezier(0.38, 0, 0.72, 1);
+  }
+
+  82%,
+  88% {
+    opacity: 1;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(
+          var(--bee-anchor-x) * var(--word-scale) * var(--word-spacing-factor)
+        )
+      )
+      scaleX(var(--loader-group-scale-x))
+      scaleY(var(--loader-group-scale-y));
+  }
+
+  88% {
+    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  }
+
+  94% {
+    opacity: 0;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(
+          (var(--bee-anchor-x) + var(--loader-exit-shift)) *
+            var(--word-scale) * var(--word-spacing-factor)
+        )
+      )
+      scaleX(0.98)
+      scaleY(1.02);
+  }
+
+  94.01%,
+  100% {
+    opacity: 0;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(
+          var(--three-anchor-x) * var(--word-scale) * var(--word-spacing-factor)
+        )
+      )
+      scaleX(var(--loader-group-scale-x))
+      scaleY(var(--loader-group-scale-y));
+  }
+}
+
+@media (max-width: 640px) {
+  .brand-animation {
+    width: min(100%, var(--brand-animation-width-mobile, 19rem));
+    height: var(--brand-animation-height-mobile, 6rem);
+    --word-scale: var(--brand-animation-scale-mobile, 0.74);
+  }
+
+  .brand-animation__letter {
+    width: var(--brand-animation-letter-width-mobile, 2.8rem);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .brand-animation__letter {
+    animation: none !important;
+    transform: translate(-50%, -50%)
+      translateX(
+        calc(var(--word-x) * var(--word-scale) * var(--word-spacing-factor))
+      )
+      scale(1);
+  }
+}

frontend/src/app/shared/components/brand-animation-logo/brand-animation-logo.component.ts

@@ -0,0 +1,70 @@
+import { Component, computed, input } from '@angular/core';
+
+export type BrandAnimationVariant = 'site-intro' | 'calculator-loader';
+
+interface AnimationLetter {
+  key: string;
+  darkSrc: string;
+  yellowSrc: string;
+  wordX: string;
+}
+
+interface ResolvedAnimationLetter {
+  key: string;
+  src: string;
+  wordX: string;
+}
+
+const LETTERS: readonly AnimationLetter[] = [
+  {
+    key: '3',
+    darkSrc: '/assets/images/animation/31200.svg',
+    yellowSrc: '/assets/images/animation/3g1200.svg',
+    wordX: '-9.4rem',
+  },
+  {
+    key: 'd',
+    darkSrc: '/assets/images/animation/d1200.svg',
+    yellowSrc: '/assets/images/animation/Dg1200.svg',
+    wordX: '-4.9rem',
+  },
+  {
+    key: 'F',
+    darkSrc: '/assets/images/animation/F1200.svg',
+    yellowSrc: '/assets/images/animation/Fg1200.svg',
+    wordX: '1rem',
+  },
+  {
+    key: 'A',
+    darkSrc: '/assets/images/animation/A1200.svg',
+    yellowSrc: '/assets/images/animation/Ag1200.svg',
+    wordX: '5.6rem',
+  },
+  {
+    key: 'B',
+    darkSrc: '/assets/images/animation/B1200.svg',
+    yellowSrc: '/assets/images/animation/Bg1200.svg',
+    wordX: '10.2rem',
+  },
+] as const;
+
+@Component({
+  selector: 'app-brand-animation-logo',
+  standalone: true,
+  templateUrl: './brand-animation-logo.component.html',
+  styleUrl: './brand-animation-logo.component.scss',
+})
+export class BrandAnimationLogoComponent {
+  readonly variant = input<BrandAnimationVariant>('site-intro');
+  readonly decorative = input(true);
+  readonly ariaLabel = input('3D fab animated logo');
+
+  readonly resolvedLetters = computed<ResolvedAnimationLetter[]>(() =>
+    LETTERS.map((letter) => ({
+      key: letter.key,
+      src:
+        this.variant() === 'site-intro' ? letter.yellowSrc : letter.darkSrc,
+      wordX: letter.wordX,
+    })),
+  );
+}

frontend/src/assets/i18n/de.json

@@ -107,14 +107,14 @@
   },
   "CALC": {
     "TITLE": "3D-Angebot berechnen",
-    "SUBTITLE": "Laden Sie Ihre 3D-Datei (STL, 3MF, STEP) hoch, stellen Sie Qualität und Farbe ein und berechnen Sie sofort Preis und Lieferzeit.",
+    "SUBTITLE": "Laden Sie Ihre 3D-Datei (STL, 3MF) hoch, stellen Sie Qualität und Farbe ein und berechnen Sie sofort Preis und Lieferzeit.",
     "CTA_START": "Jetzt starten",
     "BUSINESS": "Unternehmen",
     "PRIVATE": "Privat",
     "MODE_EASY": "Basis",
     "MODE_ADVANCED": "Erweitert",
     "UPLOAD_LABEL": "Ziehen Sie Ihre 3D-Datei hierher",
-    "UPLOAD_SUB": "Wir unterstützen STL, 3MF, STEP bis 50MB",
+    "UPLOAD_SUB": "Wir unterstützen STL, 3MF bis 50MB",
     "MATERIAL": "Material",
     "QUALITY": "Qualität",
     "QUANTITY": "Menge",
@@ -141,11 +141,12 @@
     "BENEFITS_2": "Ausgewählte Materialien und Qualitätskontrolle",
     "BENEFITS_3": "CAD-Beratung, falls die Datei Änderungen benötigt",
     "ERR_FILE_REQUIRED": "Die Datei ist erforderlich.",
-    "STEP_WARNING": "Die 3D-Ansicht ist mit STEP- und 3MF-Dateien nicht kompatibel",
+    "STEP_WARNING": "Die 3D-Vorschau ist nur für STL-Dateien verfügbar.",
     "REMOVE_FILE": "Datei entfernen",
     "FALLBACK_MATERIAL": "PLA (Fallback)",
     "FALLBACK_QUALITY_STANDARD": "Standard",
     "ERR_FILE_TOO_LARGE": "Einige Dateien überschreiten das 200MB-Limit und wurden nicht hinzugefügt.",
+    "ERR_INVALID_FILE_TYPE": "Sie können nur Dateien vom Typ .stl oder .3mf hochladen.",
     "PRINT_SPEED": "Druckgeschwindigkeit",
     "COLOR": "Farbe",
     "ANALYZING_TITLE": "Analyse läuft...",
@@ -624,7 +625,7 @@
     "BTN_CONTACT": "Mit uns sprechen",
     "SEC_CALC_TITLE": "Korrekte Preisberechnung in wenigen Sekunden",
     "SEC_CALC_SUBTITLE": "Keine Registrierung erforderlich. Die Schätzung basiert auf echtem Slicing.",
-    "SEC_CALC_LIST_1": "Unterstützte Formate: STL, 3MF, STEP",
+    "SEC_CALC_LIST_1": "Unterstützte Formate: STL, 3MF",
     "CARD_CALC_EYEBROW": "Automatische Berechnung",
     "CARD_CALC_TITLE": "Preis und Lieferzeit mit einem Klick",
     "CARD_CALC_TAG": "Ohne Registrierung",
@@ -674,7 +675,7 @@
   },
   "DROPZONE": {
     "DEFAULT_LABEL": "Dateien hierher ziehen oder klicken zum Hochladen",
-    "DEFAULT_SUBTEXT": "Unterstützt .STL, .3MF, .STEP"
+    "DEFAULT_SUBTEXT": "Unterstützt .STL, .3MF"
   },
   "COLOR": {
     "AVAILABLE_COLORS": "Verfügbare Farben",

frontend/src/assets/i18n/en.json

@@ -107,14 +107,14 @@
   },
   "CALC": {
     "TITLE": "3D Print Calculator",
-    "SUBTITLE": "Upload your 3D file (STL, 3MF, STEP...) and get an instant estimate of costs and print time.",
+    "SUBTITLE": "Upload your 3D file (STL, 3MF) and get an instant estimate of costs and print time.",
     "CTA_START": "Start Now",
     "BUSINESS": "Business",
     "PRIVATE": "Private",
     "MODE_EASY": "Quick",
     "MODE_ADVANCED": "Advanced",
     "UPLOAD_LABEL": "Drag your 3D file here",
-    "UPLOAD_SUB": "Supports STL, 3MF, STEP up to 50MB",
+    "UPLOAD_SUB": "Supports STL, 3MF up to 50MB",
     "MATERIAL": "Material",
     "QUALITY": "Quality",
     "QUANTITY": "Quantity",
@@ -141,11 +141,12 @@
     "BENEFITS_2": "Selected materials and quality control",
     "BENEFITS_3": "CAD consultation if file needs modifications",
     "ERR_FILE_REQUIRED": "File is required.",
-    "STEP_WARNING": "3D preview is not available for STEP files, but the calculator works perfectly. You can proceed with the quotation.",
+    "STEP_WARNING": "3D preview is available only for STL files.",
     "REMOVE_FILE": "Remove file",
     "FALLBACK_MATERIAL": "PLA (fallback)",
     "FALLBACK_QUALITY_STANDARD": "Standard",
     "ERR_FILE_TOO_LARGE": "Some files exceed the 200MB limit and were not added.",
+    "ERR_INVALID_FILE_TYPE": "You can upload only .stl or .3mf files.",
     "PRINT_SPEED": "Print speed",
     "COLOR": "Color",
     "ANALYZING_TITLE": "Analysis in progress...",
@@ -624,7 +625,7 @@
     "BTN_CONTACT": "Talk to us",
     "SEC_CALC_TITLE": "Accurate pricing in a few seconds",
     "SEC_CALC_SUBTITLE": "No registration required. The estimate is calculated through real slicing.",
-    "SEC_CALC_LIST_1": "Supported formats: STL, 3MF, STEP",
+    "SEC_CALC_LIST_1": "Supported formats: STL, 3MF",
     "CARD_CALC_EYEBROW": "Automatic calculation",
     "CARD_CALC_TITLE": "Price and lead time in one click",
     "CARD_CALC_TAG": "No registration",
@@ -674,7 +675,7 @@
   },
   "DROPZONE": {
     "DEFAULT_LABEL": "Drop files here or click to upload",
-    "DEFAULT_SUBTEXT": "Supports .stl, .3mf, .step"
+    "DEFAULT_SUBTEXT": "Supports .stl, .3mf"
   },
   "COLOR": {
     "AVAILABLE_COLORS": "Available colors",

frontend/src/assets/i18n/fr.json

@@ -96,7 +96,7 @@
     "BTN_CONTACT": "Parlez avec nous",
     "SEC_CALC_TITLE": "Prix correct en quelques secondes",
     "SEC_CALC_SUBTITLE": "Aucune inscription requise. L'estimation est effectuée via un vrai slicing.",
-    "SEC_CALC_LIST_1": "Formats pris en charge : STL, 3MF, STEP",
+    "SEC_CALC_LIST_1": "Formats pris en charge : STL, 3MF",
     "CARD_CALC_EYEBROW": "Calcul automatique",
     "CARD_CALC_TITLE": "Prix et délais en un clic",
     "CARD_CALC_TAG": "Sans inscription",
@@ -139,14 +139,14 @@
   },
   "CALC": {
     "TITLE": "Calculer un devis 3D",
-    "SUBTITLE": "Chargez votre fichier 3D (STL, 3MF, STEP), réglez la qualité et la couleur puis calculez immédiatement prix et délais.",
+    "SUBTITLE": "Chargez votre fichier 3D (STL, 3MF), réglez la qualité et la couleur puis calculez immédiatement prix et délais.",
     "CTA_START": "Commencer maintenant",
     "BUSINESS": "Entreprises",
     "PRIVATE": "Particuliers",
     "MODE_EASY": "Base",
     "MODE_ADVANCED": "Avancée",
     "UPLOAD_LABEL": "Glissez votre fichier 3D ici",
-    "UPLOAD_SUB": "Nous prenons en charge STL, 3MF, STEP jusqu'à 50MB",
+    "UPLOAD_SUB": "Nous prenons en charge STL, 3MF jusqu'à 50MB",
     "MATERIAL": "Matériau",
     "QUALITY": "Qualité",
     "PRINT_SPEED": "Vitesse d'impression",
@@ -185,11 +185,12 @@
     "NOTES_PLACEHOLDER": "Instructions spécifiques...",
     "SETUP_NOTE": "* Inclut {{cost}} comme coût de setup",
     "SHIPPING_NOTE": "* Frais d'expédition exclus, calculés à l'étape suivante",
-    "STEP_WARNING": "La visualisation 3D n'est pas compatible avec les fichiers STEP et 3MF",
+    "STEP_WARNING": "La prévisualisation 3D est disponible uniquement pour les fichiers STL.",
     "REMOVE_FILE": "Supprimer le fichier",
     "FALLBACK_MATERIAL": "PLA (fallback)",
     "FALLBACK_QUALITY_STANDARD": "Standard",
     "ERR_FILE_TOO_LARGE": "Certains fichiers dépassent la limite de 200MB et n'ont pas été ajoutés.",
+    "ERR_INVALID_FILE_TYPE": "Vous pouvez téléverser uniquement des fichiers .stl ou .3mf.",
     "ERROR_ZERO_PRICE": "Un problème est survenu pendant le calcul. Essayez un autre format ou contactez-nous directement via Demander une consultation.",
     "ZERO_RESULT_TITLE": "Résultat invalide",
     "ZERO_RESULT_HELP": "Le calcul a renvoyé des valeurs nulles invalides. Essayez un autre format de fichier ou contactez-nous directement via Demander une consultation."
@@ -680,7 +681,7 @@
   },
   "DROPZONE": {
     "DEFAULT_LABEL": "Glissez les fichiers ici ou cliquez pour téléverser",
-    "DEFAULT_SUBTEXT": "Prend en charge .STL, .3MF, .STEP"
+    "DEFAULT_SUBTEXT": "Prend en charge .STL, .3MF"
   },
   "COLOR": {
     "AVAILABLE_COLORS": "Couleurs disponibles",

frontend/src/assets/i18n/it.json

@@ -96,7 +96,7 @@
     "BTN_CONTACT": "Parla con noi",
     "SEC_CALC_TITLE": "Prezzo corretto in pochi secondi",
     "SEC_CALC_SUBTITLE": "Nessuna registrazione necessaria. La stima è effettuata tramite vero slicing.",
-    "SEC_CALC_LIST_1": "Formati supportati: STL, 3MF, STEP",
+    "SEC_CALC_LIST_1": "Formati supportati: STL, 3MF",
     "CARD_CALC_EYEBROW": "Calcolo automatico",
     "CARD_CALC_TITLE": "Prezzo e tempi in un click",
     "CARD_CALC_TAG": "Senza registrazione",
@@ -139,14 +139,14 @@
   },
   "CALC": {
     "TITLE": "Calcola Preventivo 3D",
-    "SUBTITLE": "Carica il tuo file 3D (STL, 3MF, STEP), imposta la qualità, il colore e calcola immediatamente prezzo e tempi.",
+    "SUBTITLE": "Carica il tuo file 3D (STL, 3MF), imposta la qualità, il colore e calcola immediatamente prezzo e tempi.",
     "CTA_START": "Inizia Ora",
     "BUSINESS": "Aziende",
     "PRIVATE": "Privati",
     "MODE_EASY": "Base",
     "MODE_ADVANCED": "Avanzata",
     "UPLOAD_LABEL": "Trascina il tuo file 3D qui",
-    "UPLOAD_SUB": "Supportiamo STL, 3MF, STEP fino a 50MB",
+    "UPLOAD_SUB": "Supportiamo STL, 3MF fino a 50MB",
     "MATERIAL": "Materiale",
     "QUALITY": "Qualità",
     "PRINT_SPEED": "Velocità di Stampa",
@@ -185,11 +185,12 @@
     "NOTES_PLACEHOLDER": "Istruzioni specifiche...",
     "SETUP_NOTE": "* Include {{cost}} come costo di setup",
     "SHIPPING_NOTE": "* Costi di spedizione esclusi, calcolati al passaggio successivo",
-    "STEP_WARNING": "La visualizzazione 3D non è compatibile con i file step e 3mf",
+    "STEP_WARNING": "La visualizzazione 3D è disponibile solo per i file STL",
     "REMOVE_FILE": "Rimuovi file",
     "FALLBACK_MATERIAL": "PLA (fallback)",
     "FALLBACK_QUALITY_STANDARD": "Standard",
     "ERR_FILE_TOO_LARGE": "Alcuni file superano il limite di 200MB e non sono stati aggiunti.",
+    "ERR_INVALID_FILE_TYPE": "Puoi caricare solo file .stl o .3mf.",
     "ERROR_ZERO_PRICE": "Qualcosa è andato storto nel calcolo. Prova un altro formato o contattaci direttamente con Richiedi Consulenza.",
     "ZERO_RESULT_TITLE": "Risultato non valido",
     "ZERO_RESULT_HELP": "Il calcolo ha restituito valori non validi (0). Prova con un altro formato file oppure contattaci direttamente con Richiedi Consulenza."
@@ -680,7 +681,7 @@
   },
   "DROPZONE": {
     "DEFAULT_LABEL": "Trascina i file qui o clicca per caricare",
-    "DEFAULT_SUBTEXT": "Supporta .STL, .3MF, .STEP"
+    "DEFAULT_SUBTEXT": "Supporta .STL, .3MF"
   },
   "COLOR": {
     "AVAILABLE_COLORS": "Colori disponibili",

frontend/src/assets/images/animation/31200.svg

@@ -0,0 +1,207 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.48">
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect x="110.82" y="131.82" width="5.02" height="5.25"/>
+      <rect x="110.82" y="121.37" width="5.02" height="5.25"/>
+      <rect x="110.82" y="110.91" width="5.02" height="5.25"/>
+      <rect x="110.82" y="100.46" width="5.02" height="5.21"/>
+      <rect x="110.82" y="89.97" width="5.02" height="5.25"/>
+      <rect x="110.82" y="79.51" width="5.02" height="5.25"/>
+      <rect x="110.82" y="69.06" width="5.02" height="5.25"/>
+      <rect x="110.82" y="58.6" width="5.02" height="5.21"/>
+      <rect x="110.82" y="48.15" width="5.02" height="5.21"/>
+      <rect x="110.82" y="37.66" width="5.02" height="5.25"/>
+      <rect x="110.82" y="27.2" width="5.02" height="5.25"/>
+      <rect x="110.82" y="16.75" width="5.02" height="5.21"/>
+      <rect x="105.79" y="142.31" width="5.02" height="5.21"/>
+      <rect x="105.79" y="131.82" width="5.02" height="5.25"/>
+      <rect x="105.79" y="121.37" width="5.02" height="5.25"/>
+      <rect x="105.79" y="110.91" width="5.02" height="5.25"/>
+      <rect x="105.79" y="100.46" width="5.02" height="5.21"/>
+      <rect x="105.79" y="89.97" width="5.02" height="5.25"/>
+      <rect x="105.79" y="79.51" width="5.02" height="5.25"/>
+      <rect x="105.79" y="69.06" width="5.02" height="5.25"/>
+      <rect x="105.79" y="58.6" width="5.02" height="5.21"/>
+      <rect x="105.79" y="48.15" width="5.02" height="5.21"/>
+      <rect x="105.79" y="37.66" width="5.02" height="5.25"/>
+      <rect x="105.79" y="27.2" width="5.02" height="5.25"/>
+      <rect x="105.79" y="16.75" width="5.02" height="5.21"/>
+      <rect x="105.79" y="6.29" width="5.02" height="5.21"/>
+      <rect x="100.77" y="142.31" width="5.02" height="5.21"/>
+      <rect x="100.77" y="131.82" width="5.02" height="5.25"/>
+      <rect x="100.77" y="121.37" width="5.02" height="5.25"/>
+      <rect x="100.77" y="110.91" width="5.02" height="5.25"/>
+      <rect x="100.77" y="100.46" width="5.02" height="5.21"/>
+      <rect x="100.77" y="89.97" width="5.02" height="5.25"/>
+      <rect x="100.77" y="79.51" width="5.02" height="5.25"/>
+      <rect x="100.77" y="69.06" width="5.02" height="5.25"/>
+      <rect x="100.77" y="58.6" width="5.02" height="5.21"/>
+      <rect x="100.77" y="48.15" width="5.02" height="5.21"/>
+      <rect x="100.77" y="37.66" width="5.02" height="5.25"/>
+      <rect x="100.77" y="27.2" width="5.02" height="5.25"/>
+      <rect x="100.77" y="16.75" width="5.02" height="5.21"/>
+      <rect x="100.77" y="6.29" width="5.02" height="5.21"/>
+      <rect x="95.75" y="142.31" width="5.02" height="5.21"/>
+      <rect x="95.75" y="131.82" width="5.02" height="5.25"/>
+      <rect x="95.75" y="121.37" width="5.02" height="5.25"/>
+      <rect x="95.75" y="110.91" width="5.02" height="5.25"/>
+      <rect x="95.75" y="100.46" width="5.02" height="5.21"/>
+      <rect x="95.75" y="89.97" width="5.02" height="5.25"/>
+      <rect x="95.75" y="79.51" width="5.02" height="5.25"/>
+      <rect x="95.75" y="69.06" width="5.02" height="5.25"/>
+      <rect x="95.75" y="58.6" width="5.02" height="5.21"/>
+      <rect x="95.75" y="48.15" width="5.02" height="5.21"/>
+      <rect x="95.75" y="37.66" width="5.02" height="5.25"/>
+      <rect x="95.75" y="27.2" width="5.02" height="5.25"/>
+      <rect x="95.75" y="16.75" width="5.02" height="5.21"/>
+      <rect x="95.75" y="6.29" width="5.02" height="5.21"/>
+      <rect x="90.72" y="142.31" width="5.02" height="5.21"/>
+      <rect x="90.72" y="131.82" width="5.02" height="5.25"/>
+      <rect x="90.72" y="121.37" width="5.02" height="5.25"/>
+      <rect x="90.72" y="110.91" width="5.02" height="5.25"/>
+      <rect x="90.72" y="100.46" width="5.02" height="5.21"/>
+      <rect x="90.72" y="89.97" width="5.02" height="5.25"/>
+      <rect x="90.72" y="79.51" width="5.02" height="5.25"/>
+      <rect x="90.72" y="69.06" width="5.02" height="5.25"/>
+      <rect x="90.72" y="58.6" width="5.02" height="5.21"/>
+      <rect x="90.72" y="48.15" width="5.02" height="5.21"/>
+      <rect x="90.72" y="37.66" width="5.02" height="5.25"/>
+      <rect x="90.72" y="27.2" width="5.02" height="5.25"/>
+      <rect x="90.72" y="16.75" width="5.02" height="5.21"/>
+      <rect x="90.72" y="6.29" width="5.02" height="5.21"/>
+      <rect x="85.7" y="142.31" width="5.02" height="5.21"/>
+      <rect x="85.7" y="131.82" width="5.02" height="5.25"/>
+      <rect x="85.7" y="121.37" width="5.02" height="5.25"/>
+      <rect x="85.7" y="110.91" width="5.02" height="5.25"/>
+      <rect x="85.7" y="100.46" width="5.02" height="5.21"/>
+      <rect x="85.7" y="89.97" width="5.02" height="5.25"/>
+      <rect x="85.7" y="79.51" width="5.02" height="5.25"/>
+      <rect x="85.7" y="69.06" width="5.02" height="5.25"/>
+      <rect x="85.7" y="58.6" width="5.02" height="5.21"/>
+      <rect x="85.7" y="48.15" width="5.02" height="5.21"/>
+      <rect x="85.7" y="37.66" width="5.02" height="5.25"/>
+      <rect x="85.7" y="27.2" width="5.02" height="5.25"/>
+      <rect x="85.7" y="16.75" width="5.02" height="5.21"/>
+      <rect x="85.7" y="6.29" width="5.02" height="5.21"/>
+      <rect x="80.67" y="142.31" width="5.02" height="5.21"/>
+      <rect x="80.67" y="131.82" width="5.02" height="5.25"/>
+      <rect x="80.67" y="121.37" width="5.02" height="5.25"/>
+      <rect x="80.67" y="79.51" width="5.02" height="5.25"/>
+      <rect x="80.67" y="69.06" width="5.02" height="5.25"/>
+      <rect x="80.67" y="27.2" width="5.02" height="5.25"/>
+      <rect x="80.67" y="16.75" width="5.02" height="5.21"/>
+      <rect x="80.67" y="6.29" width="5.02" height="5.21"/>
+      <rect x="75.65" y="142.31" width="5.02" height="5.21"/>
+      <rect x="75.65" y="131.82" width="5.02" height="5.25"/>
+      <rect x="75.65" y="121.37" width="5.02" height="5.25"/>
+      <rect x="75.65" y="79.51" width="5.02" height="5.25"/>
+      <rect x="75.65" y="69.06" width="5.02" height="5.25"/>
+      <rect x="75.65" y="27.2" width="5.02" height="5.25"/>
+      <rect x="75.65" y="16.75" width="5.02" height="5.21"/>
+      <rect x="75.65" y="6.29" width="5.02" height="5.21"/>
+      <rect x="70.63" y="142.31" width="5.02" height="5.21"/>
+      <rect x="70.63" y="131.82" width="5.02" height="5.25"/>
+      <rect x="70.63" y="121.37" width="5.02" height="5.25"/>
+      <rect x="70.63" y="79.51" width="5.02" height="5.25"/>
+      <rect x="70.63" y="69.06" width="5.02" height="5.25"/>
+      <rect x="70.63" y="27.2" width="5.02" height="5.25"/>
+      <rect x="70.63" y="16.75" width="5.02" height="5.21"/>
+      <rect x="70.63" y="6.29" width="5.02" height="5.21"/>
+      <rect x="65.6" y="142.31" width="5.02" height="5.21"/>
+      <rect x="65.6" y="131.82" width="5.02" height="5.25"/>
+      <rect x="65.6" y="121.37" width="5.02" height="5.25"/>
+      <rect x="65.6" y="79.51" width="5.02" height="5.25"/>
+      <rect x="65.6" y="69.06" width="5.02" height="5.25"/>
+      <rect x="65.6" y="27.2" width="5.02" height="5.25"/>
+      <rect x="65.6" y="16.75" width="5.02" height="5.21"/>
+      <rect x="65.6" y="6.29" width="5.02" height="5.21"/>
+      <rect x="60.58" y="142.31" width="5.02" height="5.21"/>
+      <rect x="60.58" y="131.82" width="5.02" height="5.25"/>
+      <rect x="60.58" y="121.37" width="5.02" height="5.25"/>
+      <rect x="60.58" y="79.51" width="5.02" height="5.25"/>
+      <rect x="60.58" y="69.06" width="5.02" height="5.25"/>
+      <rect x="60.58" y="27.2" width="5.02" height="5.25"/>
+      <rect x="60.58" y="16.75" width="5.02" height="5.21"/>
+      <rect x="60.58" y="6.29" width="5.02" height="5.21"/>
+      <rect x="55.55" y="142.31" width="5.02" height="5.21"/>
+      <rect x="55.55" y="131.82" width="5.02" height="5.25"/>
+      <rect x="55.55" y="121.37" width="5.02" height="5.25"/>
+      <rect x="55.55" y="79.51" width="5.02" height="5.25"/>
+      <rect x="55.55" y="69.06" width="5.02" height="5.25"/>
+      <rect x="55.55" y="27.2" width="5.02" height="5.25"/>
+      <rect x="55.55" y="16.75" width="5.02" height="5.21"/>
+      <rect x="55.55" y="6.29" width="5.02" height="5.21"/>
+      <rect x="50.53" y="142.31" width="5.02" height="5.21"/>
+      <rect x="50.53" y="131.82" width="5.02" height="5.25"/>
+      <rect x="50.53" y="121.37" width="5.02" height="5.25"/>
+      <rect x="50.53" y="79.51" width="5.02" height="5.25"/>
+      <rect x="50.53" y="69.06" width="5.02" height="5.25"/>
+      <rect x="50.53" y="27.2" width="5.02" height="5.25"/>
+      <rect x="50.53" y="16.75" width="5.02" height="5.21"/>
+      <rect x="50.53" y="6.29" width="5.02" height="5.21"/>
+      <rect x="45.51" y="142.31" width="5.02" height="5.21"/>
+      <rect x="45.51" y="131.82" width="5.02" height="5.25"/>
+      <rect x="45.51" y="121.37" width="5.02" height="5.25"/>
+      <rect x="45.51" y="27.2" width="5.02" height="5.25"/>
+      <rect x="45.51" y="16.75" width="5.02" height="5.21"/>
+      <rect x="45.51" y="6.29" width="5.02" height="5.21"/>
+      <rect x="40.44" y="142.31" width="5.06" height="5.21"/>
+      <rect x="40.44" y="131.82" width="5.06" height="5.25"/>
+      <rect x="40.44" y="121.37" width="5.06" height="5.25"/>
+      <rect x="40.44" y="27.2" width="5.06" height="5.25"/>
+      <rect x="40.44" y="16.75" width="5.06" height="5.21"/>
+      <rect x="40.44" y="6.29" width="5.06" height="5.21"/>
+      <rect x="35.42" y="142.31" width="5.02" height="5.21"/>
+      <rect x="35.42" y="131.82" width="5.02" height="5.25"/>
+      <rect x="35.42" y="121.37" width="5.02" height="5.25"/>
+      <rect x="35.42" y="27.2" width="5.02" height="5.25"/>
+      <rect x="35.42" y="16.75" width="5.02" height="5.21"/>
+      <rect x="35.42" y="6.29" width="5.02" height="5.21"/>
+      <rect x="30.4" y="142.31" width="5.02" height="5.21"/>
+      <rect x="30.4" y="131.82" width="5.02" height="5.25"/>
+      <rect x="30.4" y="121.37" width="5.02" height="5.25"/>
+      <rect x="30.4" y="27.2" width="5.02" height="5.25"/>
+      <rect x="30.4" y="16.75" width="5.02" height="5.21"/>
+      <rect x="30.4" y="6.29" width="5.02" height="5.21"/>
+      <rect x="25.37" y="142.31" width="5.02" height="5.21"/>
+      <rect x="25.37" y="131.82" width="5.02" height="5.25"/>
+      <rect x="25.37" y="121.37" width="5.02" height="5.25"/>
+      <rect x="25.37" y="27.2" width="5.02" height="5.25"/>
+      <rect x="25.37" y="16.75" width="5.02" height="5.21"/>
+      <rect x="25.37" y="6.29" width="5.02" height="5.21"/>
+      <rect x="20.35" y="142.31" width="5.02" height="5.21"/>
+      <rect x="20.35" y="131.82" width="5.02" height="5.25"/>
+      <rect x="20.35" y="121.37" width="5.02" height="5.25"/>
+      <rect x="20.35" y="27.2" width="5.02" height="5.25"/>
+      <rect x="20.35" y="16.75" width="5.02" height="5.21"/>
+      <rect x="20.35" y="6.29" width="5.02" height="5.21"/>
+      <rect x="15.32" y="142.31" width="5.02" height="5.21"/>
+      <rect x="15.32" y="131.82" width="5.02" height="5.25"/>
+      <rect x="15.32" y="121.37" width="5.02" height="5.25"/>
+      <rect x="15.32" y="27.2" width="5.02" height="5.25"/>
+      <rect x="15.32" y="16.75" width="5.02" height="5.21"/>
+      <rect x="15.32" y="6.29" width="5.02" height="5.21"/>
+      <rect x="10.3" y="131.82" width="5.02" height="5.25"/>
+      <rect x="10.3" y="16.75" width="5.02" height="5.21"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/3g1200.svg

@@ -0,0 +1,209 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.48">
+  <defs>
+  </defs>
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect class="cls-2" x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="110.83" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.83" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.83" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.83" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.83" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.83" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.81" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.81" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.81" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.81" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.81" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.81" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.78" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.78" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.78" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.78" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.78" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.78" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.78" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.76" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.76" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.76" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.76" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.76" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.76" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.76" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.73" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.73" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.73" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.73" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.73" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.73" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.73" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.71" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.71" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.71" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.71" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.71" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.71" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.71" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="80.69" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="80.69" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.69" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.69" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.69" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.69" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.69" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.69" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="75.66" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="75.66" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.66" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.66" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.66" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.66" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.66" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.66" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="70.64" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="70.64" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.64" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.64" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.64" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.64" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.64" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.64" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="65.58" y="142.31" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="65.58" y="131.82" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="65.58" y="121.37" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="65.58" y="79.51" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="65.58" y="69.06" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="65.58" y="27.2" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="65.58" y="16.75" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="65.58" y="6.29" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="60.55" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="60.55" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.55" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.55" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.55" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.55" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.55" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.55" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="55.53" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="55.53" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.53" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.53" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.53" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.53" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.53" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.53" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="50.5" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="50.5" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.5" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.5" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.5" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.5" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.5" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.5" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="45.48" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="45.48" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.48" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.48" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.48" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.48" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="40.46" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="40.46" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.46" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.46" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.46" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.46" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.43" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.43" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.43" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.43" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.43" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.43" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.41" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.41" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.41" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.41" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.41" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.41" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.38" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.38" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.38" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.38" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.38" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.38" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.36" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.36" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.36" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.36" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.36" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.36" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.34" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.34" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.34" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.34" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.34" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.34" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.31" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.31" y="16.75" width="5.02" height="5.25"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/A1200.svg

@@ -0,0 +1,225 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.48">
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect x="115.73" y="142.22" width="3.4" height="5.28"/>
+      <rect x="112.33" y="142.22" width="3.4" height="5.28"/>
+      <rect x="112.33" y="131.72" width="3.4" height="5.25"/>
+      <rect x="108.93" y="142.22" width="3.4" height="5.28"/>
+      <rect x="108.93" y="131.72" width="3.4" height="5.25"/>
+      <rect x="108.93" y="121.23" width="3.4" height="5.25"/>
+      <rect x="105.53" y="142.22" width="3.4" height="5.28"/>
+      <rect x="105.53" y="131.72" width="3.4" height="5.25"/>
+      <rect x="105.53" y="121.23" width="3.4" height="5.25"/>
+      <rect x="105.53" y="110.74" width="3.4" height="5.25"/>
+      <rect x="102.14" y="142.22" width="3.4" height="5.28"/>
+      <rect x="102.14" y="131.72" width="3.4" height="5.25"/>
+      <rect x="102.14" y="121.23" width="3.4" height="5.25"/>
+      <rect x="102.14" y="110.74" width="3.4" height="5.25"/>
+      <rect x="102.14" y="100.25" width="3.4" height="5.25"/>
+      <rect x="98.74" y="142.22" width="3.4" height="5.28"/>
+      <rect x="98.74" y="131.72" width="3.4" height="5.25"/>
+      <rect x="98.74" y="121.23" width="3.4" height="5.25"/>
+      <rect x="98.74" y="110.74" width="3.4" height="5.25"/>
+      <rect x="98.74" y="100.25" width="3.4" height="5.25"/>
+      <rect x="98.74" y="89.76" width="3.4" height="5.25"/>
+      <rect x="95.34" y="142.22" width="3.4" height="5.28"/>
+      <rect x="95.34" y="131.72" width="3.4" height="5.25"/>
+      <rect x="95.34" y="121.23" width="3.4" height="5.25"/>
+      <rect x="95.34" y="110.74" width="3.4" height="5.25"/>
+      <rect x="95.34" y="100.25" width="3.4" height="5.25"/>
+      <rect x="95.34" y="89.76" width="3.4" height="5.25"/>
+      <rect x="95.34" y="79.27" width="3.4" height="5.25"/>
+      <rect x="91.94" y="131.72" width="3.4" height="5.25"/>
+      <rect x="91.94" y="121.23" width="3.4" height="5.25"/>
+      <rect x="91.94" y="110.74" width="3.4" height="5.25"/>
+      <rect x="91.94" y="100.25" width="3.4" height="5.25"/>
+      <rect x="91.94" y="89.76" width="3.4" height="5.25"/>
+      <rect x="91.94" y="79.27" width="3.4" height="5.25"/>
+      <rect x="91.94" y="68.74" width="3.4" height="5.28"/>
+      <rect x="88.54" y="121.23" width="3.4" height="5.25"/>
+      <rect x="88.54" y="110.74" width="3.4" height="5.25"/>
+      <rect x="88.54" y="100.25" width="3.4" height="5.25"/>
+      <rect x="88.54" y="89.76" width="3.4" height="5.25"/>
+      <rect x="88.54" y="79.27" width="3.4" height="5.25"/>
+      <rect x="88.54" y="68.74" width="3.4" height="5.28"/>
+      <rect x="88.54" y="58.25" width="3.4" height="5.25"/>
+      <rect x="85.14" y="110.74" width="3.4" height="5.25"/>
+      <rect x="85.14" y="100.25" width="3.4" height="5.25"/>
+      <rect x="85.14" y="89.76" width="3.4" height="5.25"/>
+      <rect x="85.14" y="79.27" width="3.4" height="5.25"/>
+      <rect x="85.14" y="68.74" width="3.4" height="5.28"/>
+      <rect x="85.14" y="58.25" width="3.4" height="5.25"/>
+      <rect x="85.14" y="47.75" width="3.4" height="5.25"/>
+      <rect x="81.74" y="100.25" width="3.4" height="5.25"/>
+      <rect x="81.74" y="89.76" width="3.4" height="5.25"/>
+      <rect x="81.74" y="79.27" width="3.4" height="5.25"/>
+      <rect x="81.74" y="68.74" width="3.4" height="5.28"/>
+      <rect x="81.74" y="58.25" width="3.4" height="5.25"/>
+      <rect x="81.74" y="47.75" width="3.4" height="5.25"/>
+      <rect x="81.74" y="37.26" width="3.4" height="5.25"/>
+      <rect x="78.38" y="100.25" width="3.36" height="5.25"/>
+      <rect x="78.38" y="89.76" width="3.36" height="5.25"/>
+      <rect x="78.38" y="79.27" width="3.36" height="5.25"/>
+      <rect x="78.38" y="68.74" width="3.36" height="5.28"/>
+      <rect x="78.38" y="58.25" width="3.36" height="5.25"/>
+      <rect x="78.38" y="47.75" width="3.36" height="5.25"/>
+      <rect x="78.38" y="37.26" width="3.36" height="5.25"/>
+      <rect x="78.38" y="26.77" width="3.36" height="5.25"/>
+      <rect x="74.98" y="100.25" width="3.4" height="5.25"/>
+      <rect x="74.98" y="89.76" width="3.4" height="5.25"/>
+      <rect x="74.98" y="79.27" width="3.4" height="5.25"/>
+      <rect x="74.98" y="68.74" width="3.4" height="5.28"/>
+      <rect x="74.98" y="58.25" width="3.4" height="5.25"/>
+      <rect x="74.98" y="47.75" width="3.4" height="5.25"/>
+      <rect x="74.98" y="37.26" width="3.4" height="5.25"/>
+      <rect x="74.98" y="26.77" width="3.4" height="5.25"/>
+      <rect x="74.98" y="16.28" width="3.4" height="5.25"/>
+      <rect x="71.58" y="100.25" width="3.4" height="5.25"/>
+      <rect x="71.58" y="89.76" width="3.4" height="5.25"/>
+      <rect x="71.58" y="68.74" width="3.4" height="5.28"/>
+      <rect x="71.58" y="58.25" width="3.4" height="5.25"/>
+      <rect x="71.58" y="47.75" width="3.4" height="5.25"/>
+      <rect x="71.58" y="37.26" width="3.4" height="5.25"/>
+      <rect x="71.58" y="26.77" width="3.4" height="5.25"/>
+      <rect x="71.58" y="16.28" width="3.4" height="5.25"/>
+      <rect x="71.58" y="5.79" width="3.4" height="5.25"/>
+      <rect x="68.19" y="100.25" width="3.4" height="5.25"/>
+      <rect x="68.19" y="89.76" width="3.4" height="5.25"/>
+      <rect x="68.19" y="58.25" width="3.4" height="5.25"/>
+      <rect x="68.19" y="47.75" width="3.4" height="5.25"/>
+      <rect x="68.19" y="37.26" width="3.4" height="5.25"/>
+      <rect x="68.19" y="26.77" width="3.4" height="5.25"/>
+      <rect x="68.19" y="16.28" width="3.4" height="5.25"/>
+      <rect x="68.19" y="5.79" width="3.4" height="5.25"/>
+      <rect x="64.79" y="100.25" width="3.4" height="5.25"/>
+      <rect x="64.79" y="89.76" width="3.4" height="5.25"/>
+      <rect x="64.79" y="47.75" width="3.4" height="5.25"/>
+      <rect x="64.79" y="37.26" width="3.4" height="5.25"/>
+      <rect x="64.79" y="26.77" width="3.4" height="5.25"/>
+      <rect x="64.79" y="16.28" width="3.4" height="5.25"/>
+      <rect x="64.79" y="5.79" width="3.4" height="5.25"/>
+      <rect x="61.39" y="100.25" width="3.4" height="5.25"/>
+      <rect x="61.39" y="89.76" width="3.4" height="5.25"/>
+      <rect x="61.39" y="37.26" width="3.4" height="5.25"/>
+      <rect x="61.39" y="26.77" width="3.4" height="5.25"/>
+      <rect x="61.39" y="16.28" width="3.4" height="5.25"/>
+      <rect x="61.39" y="5.79" width="3.4" height="5.25"/>
+      <rect x="57.99" y="100.25" width="3.4" height="5.25"/>
+      <rect x="57.99" y="89.76" width="3.4" height="5.25"/>
+      <rect x="57.99" y="47.75" width="3.4" height="5.25"/>
+      <rect x="57.99" y="37.26" width="3.4" height="5.25"/>
+      <rect x="57.99" y="26.77" width="3.4" height="5.25"/>
+      <rect x="57.99" y="16.28" width="3.4" height="5.25"/>
+      <rect x="57.99" y="5.79" width="3.4" height="5.25"/>
+      <rect x="54.59" y="100.25" width="3.4" height="5.25"/>
+      <rect x="54.59" y="89.76" width="3.4" height="5.25"/>
+      <rect x="54.59" y="58.25" width="3.4" height="5.25"/>
+      <rect x="54.59" y="47.75" width="3.4" height="5.25"/>
+      <rect x="54.59" y="37.26" width="3.4" height="5.25"/>
+      <rect x="54.59" y="26.77" width="3.4" height="5.25"/>
+      <rect x="54.59" y="16.28" width="3.4" height="5.25"/>
+      <rect x="54.59" y="5.79" width="3.4" height="5.25"/>
+      <rect x="51.19" y="100.25" width="3.4" height="5.25"/>
+      <rect x="51.19" y="89.76" width="3.4" height="5.25"/>
+      <rect x="51.19" y="68.74" width="3.4" height="5.28"/>
+      <rect x="51.19" y="58.25" width="3.4" height="5.25"/>
+      <rect x="51.19" y="47.75" width="3.4" height="5.25"/>
+      <rect x="51.19" y="37.26" width="3.4" height="5.25"/>
+      <rect x="51.19" y="26.77" width="3.4" height="5.25"/>
+      <rect x="51.19" y="16.28" width="3.4" height="5.25"/>
+      <rect x="51.19" y="5.79" width="3.4" height="5.25"/>
+      <rect x="47.79" y="100.25" width="3.4" height="5.25"/>
+      <rect x="47.79" y="89.76" width="3.4" height="5.25"/>
+      <rect x="47.79" y="79.27" width="3.4" height="5.25"/>
+      <rect x="47.79" y="68.74" width="3.4" height="5.28"/>
+      <rect x="47.79" y="58.25" width="3.4" height="5.25"/>
+      <rect x="47.79" y="47.75" width="3.4" height="5.25"/>
+      <rect x="47.79" y="37.26" width="3.4" height="5.25"/>
+      <rect x="47.79" y="26.77" width="3.4" height="5.25"/>
+      <rect x="47.79" y="16.28" width="3.4" height="5.25"/>
+      <rect x="44.39" y="100.25" width="3.4" height="5.25"/>
+      <rect x="44.39" y="89.76" width="3.4" height="5.25"/>
+      <rect x="44.39" y="79.27" width="3.4" height="5.25"/>
+      <rect x="44.39" y="68.74" width="3.4" height="5.28"/>
+      <rect x="44.39" y="58.25" width="3.4" height="5.25"/>
+      <rect x="44.39" y="47.75" width="3.4" height="5.25"/>
+      <rect x="44.39" y="37.26" width="3.4" height="5.25"/>
+      <rect x="44.39" y="26.77" width="3.4" height="5.25"/>
+      <rect x="41" y="100.25" width="3.4" height="5.25"/>
+      <rect x="41" y="89.76" width="3.4" height="5.25"/>
+      <rect x="41" y="79.27" width="3.4" height="5.25"/>
+      <rect x="41" y="68.74" width="3.4" height="5.28"/>
+      <rect x="41" y="58.25" width="3.4" height="5.25"/>
+      <rect x="41" y="47.75" width="3.4" height="5.25"/>
+      <rect x="41" y="37.26" width="3.4" height="5.25"/>
+      <rect x="37.6" y="110.74" width="3.4" height="5.25"/>
+      <rect x="37.6" y="100.25" width="3.4" height="5.25"/>
+      <rect x="37.6" y="89.76" width="3.4" height="5.25"/>
+      <rect x="37.6" y="79.27" width="3.4" height="5.25"/>
+      <rect x="37.6" y="68.74" width="3.4" height="5.28"/>
+      <rect x="37.6" y="58.25" width="3.4" height="5.25"/>
+      <rect x="37.6" y="47.75" width="3.4" height="5.25"/>
+      <rect x="34.2" y="121.23" width="3.4" height="5.25"/>
+      <rect x="34.2" y="110.74" width="3.4" height="5.25"/>
+      <rect x="34.2" y="100.25" width="3.4" height="5.25"/>
+      <rect x="34.2" y="89.76" width="3.4" height="5.25"/>
+      <rect x="34.2" y="79.27" width="3.4" height="5.25"/>
+      <rect x="34.2" y="68.74" width="3.4" height="5.28"/>
+      <rect x="34.2" y="58.25" width="3.4" height="5.25"/>
+      <rect x="30.8" y="131.72" width="3.4" height="5.25"/>
+      <rect x="30.8" y="121.23" width="3.4" height="5.25"/>
+      <rect x="30.8" y="110.74" width="3.4" height="5.25"/>
+      <rect x="30.8" y="100.25" width="3.4" height="5.25"/>
+      <rect x="30.8" y="89.76" width="3.4" height="5.25"/>
+      <rect x="30.8" y="79.27" width="3.4" height="5.25"/>
+      <rect x="30.8" y="68.74" width="3.4" height="5.28"/>
+      <rect x="27.4" y="142.22" width="3.4" height="5.28"/>
+      <rect x="27.4" y="131.72" width="3.4" height="5.25"/>
+      <rect x="27.4" y="121.23" width="3.4" height="5.25"/>
+      <rect x="27.4" y="110.74" width="3.4" height="5.25"/>
+      <rect x="27.4" y="100.25" width="3.4" height="5.25"/>
+      <rect x="27.4" y="89.76" width="3.4" height="5.25"/>
+      <rect x="27.4" y="79.27" width="3.4" height="5.25"/>
+      <rect x="24.04" y="142.22" width="3.36" height="5.28"/>
+      <rect x="24.04" y="131.72" width="3.36" height="5.25"/>
+      <rect x="24.04" y="121.23" width="3.36" height="5.25"/>
+      <rect x="24.04" y="110.74" width="3.36" height="5.25"/>
+      <rect x="24.04" y="100.25" width="3.36" height="5.25"/>
+      <rect x="24.04" y="89.76" width="3.36" height="5.25"/>
+      <rect x="20.64" y="142.22" width="3.4" height="5.28"/>
+      <rect x="20.64" y="131.72" width="3.4" height="5.25"/>
+      <rect x="20.64" y="121.23" width="3.4" height="5.25"/>
+      <rect x="20.64" y="110.74" width="3.4" height="5.25"/>
+      <rect x="20.64" y="100.25" width="3.4" height="5.25"/>
+      <rect x="17.24" y="142.22" width="3.4" height="5.28"/>
+      <rect x="17.24" y="131.72" width="3.4" height="5.25"/>
+      <rect x="17.24" y="121.23" width="3.4" height="5.25"/>
+      <rect x="17.24" y="110.74" width="3.4" height="5.25"/>
+      <rect x="13.84" y="142.22" width="3.4" height="5.28"/>
+      <rect x="13.84" y="131.72" width="3.4" height="5.25"/>
+      <rect x="13.84" y="121.23" width="3.4" height="5.25"/>
+      <rect x="10.45" y="142.22" width="3.4" height="5.28"/>
+      <rect x="10.45" y="131.72" width="3.4" height="5.25"/>
+      <rect x="7.05" y="142.22" width="3.4" height="5.28"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/Ag1200.svg

@@ -0,0 +1,236 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 164">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ffdf07;
+      }
+
+      .cls-2 {
+        fill: #575756;
+      }
+    </style>
+  </defs>
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect class="cls-2" x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="115.71" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="112.34" y="142.77" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="112.34" y="132.24" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="108.94" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="108.94" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="108.94" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="105.55" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="105.55" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="105.55" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="105.55" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="102.15" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="102.15" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="102.15" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="102.15" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="102.15" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="98.75" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="98.75" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="98.75" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="98.75" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="98.75" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="98.75" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="95.35" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="91.95" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="88.55" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="85.15" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="81.76" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="78.36" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="74.96" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="71.56" y="6.31" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="68.16" y="6.31" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="64.76" y="6.31" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="61.4" y="100.77" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="61.4" y="90.28" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="61.4" y="37.78" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="61.4" y="27.29" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="61.4" y="16.8" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="61.4" y="6.31" width="3.36" height="5.25"/>
+      <rect class="cls-1" x="58" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="58" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="58" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="58" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="58" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="58" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="58" y="6.31" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="54.6" y="6.31" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="51.2" y="6.31" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="47.81" y="16.8" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="44.41" y="27.29" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="41.01" y="37.78" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="37.61" y="48.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="34.21" y="58.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="30.81" y="69.3" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="27.41" y="79.79" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="24.01" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="24.01" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="24.01" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="24.01" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="24.01" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="24.01" y="90.28" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="20.62" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="20.62" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="20.62" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="20.62" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="20.62" y="100.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="17.22" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="17.22" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="17.22" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="17.22" y="111.26" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="13.82" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="13.82" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="13.82" y="121.75" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="10.42" y="142.77" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="10.42" y="132.24" width="3.4" height="5.25"/>
+      <rect class="cls-1" x="7.06" y="142.77" width="3.36" height="5.25"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/B1200.svg

@@ -0,0 +1,232 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129.61 163.48">
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect y="157.08" width="125.66" height="1.05"/>
+      <rect y="146.6" width="125.66" height="1.05"/>
+      <rect y="136.13" width="125.66" height="1.05"/>
+      <rect y="125.66" width="125.66" height="1.05"/>
+      <rect y="115.19" width="125.66" height="1.05"/>
+      <rect y="104.72" width="125.66" height="1.05"/>
+      <rect y="94.25" width="125.66" height="1.05"/>
+      <rect y="83.77" width="125.66" height="1.05"/>
+      <rect y="73.3" width="125.66" height="1.05"/>
+      <rect y="62.83" width="125.66" height="1.05"/>
+      <rect y="52.36" width="125.66" height="1.05"/>
+      <rect y="41.89" width="125.66" height="1.05"/>
+      <rect y="31.42" width="125.66" height="1.05"/>
+      <rect y="20.94" width="125.66" height="1.05"/>
+      <rect y="10.47" width="125.66" height="1.05"/>
+      <rect width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect x="114.29" y="121.36" width="5.02" height="5.25"/>
+      <rect x="114.29" y="110.9" width="5.02" height="5.25"/>
+      <rect x="114.29" y="100.45" width="5.02" height="5.25"/>
+      <rect x="109.27" y="131.85" width="5.02" height="5.21"/>
+      <rect x="109.27" y="121.36" width="5.02" height="5.25"/>
+      <rect x="109.27" y="110.9" width="5.02" height="5.25"/>
+      <rect x="109.27" y="100.45" width="5.02" height="5.25"/>
+      <rect x="109.27" y="89.99" width="5.02" height="5.21"/>
+      <rect x="109.27" y="48.14" width="5.02" height="5.21"/>
+      <rect x="109.27" y="37.68" width="5.02" height="5.21"/>
+      <rect x="109.27" y="27.19" width="5.02" height="5.25"/>
+      <rect x="104.21" y="131.85" width="5.06" height="5.21"/>
+      <rect x="104.21" y="121.36" width="5.06" height="5.25"/>
+      <rect x="104.21" y="110.9" width="5.06" height="5.25"/>
+      <rect x="104.21" y="100.45" width="5.06" height="5.25"/>
+      <rect x="104.21" y="89.99" width="5.06" height="5.21"/>
+      <rect x="104.21" y="58.59" width="5.06" height="5.25"/>
+      <rect x="104.21" y="48.14" width="5.06" height="5.21"/>
+      <rect x="104.21" y="37.68" width="5.06" height="5.21"/>
+      <rect x="104.21" y="27.19" width="5.06" height="5.25"/>
+      <rect x="104.21" y="16.74" width="5.06" height="5.25"/>
+      <rect x="99.18" y="142.3" width="5.02" height="5.25"/>
+      <rect x="99.18" y="131.85" width="5.02" height="5.21"/>
+      <rect x="99.18" y="121.36" width="5.02" height="5.25"/>
+      <rect x="99.18" y="110.9" width="5.02" height="5.25"/>
+      <rect x="99.18" y="100.45" width="5.02" height="5.25"/>
+      <rect x="99.18" y="89.99" width="5.02" height="5.21"/>
+      <rect x="99.18" y="79.54" width="5.02" height="5.21"/>
+      <rect x="99.18" y="58.59" width="5.02" height="5.25"/>
+      <rect x="99.18" y="48.14" width="5.02" height="5.21"/>
+      <rect x="99.18" y="37.68" width="5.02" height="5.21"/>
+      <rect x="99.18" y="27.19" width="5.02" height="5.25"/>
+      <rect x="99.18" y="16.74" width="5.02" height="5.25"/>
+      <rect x="94.16" y="142.3" width="5.02" height="5.25"/>
+      <rect x="94.16" y="131.85" width="5.02" height="5.21"/>
+      <rect x="94.16" y="121.36" width="5.02" height="5.25"/>
+      <rect x="94.16" y="110.9" width="5.02" height="5.25"/>
+      <rect x="94.16" y="100.45" width="5.02" height="5.25"/>
+      <rect x="94.16" y="89.99" width="5.02" height="5.21"/>
+      <rect x="94.16" y="79.54" width="5.02" height="5.21"/>
+      <rect x="94.16" y="69.05" width="5.02" height="5.25"/>
+      <rect x="94.16" y="58.59" width="5.02" height="5.25"/>
+      <rect x="94.16" y="48.14" width="5.02" height="5.21"/>
+      <rect x="94.16" y="37.68" width="5.02" height="5.21"/>
+      <rect x="94.16" y="27.19" width="5.02" height="5.25"/>
+      <rect x="94.16" y="16.74" width="5.02" height="5.25"/>
+      <rect x="94.16" y="6.28" width="5.02" height="5.25"/>
+      <rect x="89.13" y="142.3" width="5.02" height="5.25"/>
+      <rect x="89.13" y="131.85" width="5.02" height="5.21"/>
+      <rect x="89.13" y="121.36" width="5.02" height="5.25"/>
+      <rect x="89.13" y="110.9" width="5.02" height="5.25"/>
+      <rect x="89.13" y="100.45" width="5.02" height="5.25"/>
+      <rect x="89.13" y="89.99" width="5.02" height="5.21"/>
+      <rect x="89.13" y="79.54" width="5.02" height="5.21"/>
+      <rect x="89.13" y="69.05" width="5.02" height="5.25"/>
+      <rect x="89.13" y="58.59" width="5.02" height="5.25"/>
+      <rect x="89.13" y="48.14" width="5.02" height="5.21"/>
+      <rect x="89.13" y="37.68" width="5.02" height="5.21"/>
+      <rect x="89.13" y="27.19" width="5.02" height="5.25"/>
+      <rect x="89.13" y="16.74" width="5.02" height="5.25"/>
+      <rect x="89.13" y="6.28" width="5.02" height="5.25"/>
+      <rect x="84.11" y="142.3" width="5.02" height="5.25"/>
+      <rect x="84.11" y="131.85" width="5.02" height="5.21"/>
+      <rect x="84.11" y="121.36" width="5.02" height="5.25"/>
+      <rect x="84.11" y="89.99" width="5.02" height="5.21"/>
+      <rect x="84.11" y="79.54" width="5.02" height="5.21"/>
+      <rect x="84.11" y="69.05" width="5.02" height="5.25"/>
+      <rect x="84.11" y="58.59" width="5.02" height="5.25"/>
+      <rect x="84.11" y="48.14" width="5.02" height="5.21"/>
+      <rect x="84.11" y="37.68" width="5.02" height="5.21"/>
+      <rect x="84.11" y="27.19" width="5.02" height="5.25"/>
+      <rect x="84.11" y="16.74" width="5.02" height="5.25"/>
+      <rect x="84.11" y="6.28" width="5.02" height="5.25"/>
+      <rect x="79.09" y="142.3" width="5.02" height="5.25"/>
+      <rect x="79.09" y="131.85" width="5.02" height="5.21"/>
+      <rect x="79.09" y="79.54" width="5.02" height="5.21"/>
+      <rect x="79.09" y="69.05" width="5.02" height="5.25"/>
+      <rect x="79.09" y="58.59" width="5.02" height="5.25"/>
+      <rect x="79.09" y="27.19" width="5.02" height="5.25"/>
+      <rect x="79.09" y="16.74" width="5.02" height="5.25"/>
+      <rect x="79.09" y="6.28" width="5.02" height="5.25"/>
+      <rect x="74.06" y="142.3" width="5.02" height="5.25"/>
+      <rect x="74.06" y="131.85" width="5.02" height="5.21"/>
+      <rect x="74.06" y="79.54" width="5.02" height="5.21"/>
+      <rect x="74.06" y="69.05" width="5.02" height="5.25"/>
+      <rect x="74.06" y="16.74" width="5.02" height="5.25"/>
+      <rect x="74.06" y="6.28" width="5.02" height="5.25"/>
+      <rect x="69.04" y="142.3" width="5.02" height="5.25"/>
+      <rect x="69.04" y="131.85" width="5.02" height="5.21"/>
+      <rect x="69.04" y="79.54" width="5.02" height="5.21"/>
+      <rect x="69.04" y="69.05" width="5.02" height="5.25"/>
+      <rect x="69.04" y="16.74" width="5.02" height="5.25"/>
+      <rect x="69.04" y="6.28" width="5.02" height="5.25"/>
+      <rect x="64.01" y="142.3" width="5.02" height="5.25"/>
+      <rect x="64.01" y="131.85" width="5.02" height="5.21"/>
+      <rect x="64.01" y="79.54" width="5.02" height="5.21"/>
+      <rect x="64.01" y="69.05" width="5.02" height="5.25"/>
+      <rect x="64.01" y="16.74" width="5.02" height="5.25"/>
+      <rect x="64.01" y="6.28" width="5.02" height="5.25"/>
+      <rect x="58.99" y="142.3" width="5.02" height="5.25"/>
+      <rect x="58.99" y="131.85" width="5.02" height="5.21"/>
+      <rect x="58.99" y="79.54" width="5.02" height="5.21"/>
+      <rect x="58.99" y="69.05" width="5.02" height="5.25"/>
+      <rect x="58.99" y="16.74" width="5.02" height="5.25"/>
+      <rect x="58.99" y="6.28" width="5.02" height="5.25"/>
+      <rect x="53.96" y="142.3" width="5.02" height="5.25"/>
+      <rect x="53.96" y="131.85" width="5.02" height="5.21"/>
+      <rect x="53.96" y="79.54" width="5.02" height="5.21"/>
+      <rect x="53.96" y="69.05" width="5.02" height="5.25"/>
+      <rect x="53.96" y="16.74" width="5.02" height="5.25"/>
+      <rect x="53.96" y="6.28" width="5.02" height="5.25"/>
+      <rect x="48.94" y="142.3" width="5.02" height="5.25"/>
+      <rect x="48.94" y="131.85" width="5.02" height="5.21"/>
+      <rect x="48.94" y="79.54" width="5.02" height="5.21"/>
+      <rect x="48.94" y="69.05" width="5.02" height="5.25"/>
+      <rect x="48.94" y="16.74" width="5.02" height="5.25"/>
+      <rect x="48.94" y="6.28" width="5.02" height="5.25"/>
+      <rect x="43.92" y="142.3" width="5.02" height="5.25"/>
+      <rect x="43.92" y="131.85" width="5.02" height="5.21"/>
+      <rect x="43.92" y="79.54" width="5.02" height="5.21"/>
+      <rect x="43.92" y="69.05" width="5.02" height="5.25"/>
+      <rect x="43.92" y="16.74" width="5.02" height="5.25"/>
+      <rect x="43.92" y="6.28" width="5.02" height="5.25"/>
+      <rect x="38.89" y="142.3" width="5.02" height="5.25"/>
+      <rect x="38.89" y="131.85" width="5.02" height="5.21"/>
+      <rect x="38.89" y="121.36" width="5.02" height="5.25"/>
+      <rect x="38.89" y="110.9" width="5.02" height="5.25"/>
+      <rect x="38.89" y="100.45" width="5.02" height="5.25"/>
+      <rect x="38.89" y="89.99" width="5.02" height="5.21"/>
+      <rect x="38.89" y="79.54" width="5.02" height="5.21"/>
+      <rect x="38.89" y="69.05" width="5.02" height="5.25"/>
+      <rect x="38.89" y="58.59" width="5.02" height="5.25"/>
+      <rect x="38.89" y="48.14" width="5.02" height="5.21"/>
+      <rect x="38.89" y="37.68" width="5.02" height="5.21"/>
+      <rect x="38.89" y="27.19" width="5.02" height="5.25"/>
+      <rect x="38.89" y="16.74" width="5.02" height="5.25"/>
+      <rect x="38.89" y="6.28" width="5.02" height="5.25"/>
+      <rect x="33.87" y="142.3" width="5.02" height="5.25"/>
+      <rect x="33.87" y="131.85" width="5.02" height="5.21"/>
+      <rect x="33.87" y="121.36" width="5.02" height="5.25"/>
+      <rect x="33.87" y="110.9" width="5.02" height="5.25"/>
+      <rect x="33.87" y="100.45" width="5.02" height="5.25"/>
+      <rect x="33.87" y="89.99" width="5.02" height="5.21"/>
+      <rect x="33.87" y="79.54" width="5.02" height="5.21"/>
+      <rect x="33.87" y="69.05" width="5.02" height="5.25"/>
+      <rect x="33.87" y="58.59" width="5.02" height="5.25"/>
+      <rect x="33.87" y="48.14" width="5.02" height="5.21"/>
+      <rect x="33.87" y="37.68" width="5.02" height="5.21"/>
+      <rect x="33.87" y="27.19" width="5.02" height="5.25"/>
+      <rect x="33.87" y="16.74" width="5.02" height="5.25"/>
+      <rect x="33.87" y="6.28" width="5.02" height="5.25"/>
+      <rect x="28.84" y="142.3" width="5.02" height="5.25"/>
+      <rect x="28.84" y="131.85" width="5.02" height="5.21"/>
+      <rect x="28.84" y="121.36" width="5.02" height="5.25"/>
+      <rect x="28.84" y="110.9" width="5.02" height="5.25"/>
+      <rect x="28.84" y="100.45" width="5.02" height="5.25"/>
+      <rect x="28.84" y="89.99" width="5.02" height="5.21"/>
+      <rect x="28.84" y="79.54" width="5.02" height="5.21"/>
+      <rect x="28.84" y="69.05" width="5.02" height="5.25"/>
+      <rect x="28.84" y="58.59" width="5.02" height="5.25"/>
+      <rect x="28.84" y="48.14" width="5.02" height="5.21"/>
+      <rect x="28.84" y="37.68" width="5.02" height="5.21"/>
+      <rect x="28.84" y="27.19" width="5.02" height="5.25"/>
+      <rect x="28.84" y="16.74" width="5.02" height="5.25"/>
+      <rect x="28.84" y="6.28" width="5.02" height="5.25"/>
+      <rect x="23.78" y="142.3" width="5.06" height="5.25"/>
+      <rect x="23.78" y="131.85" width="5.06" height="5.21"/>
+      <rect x="23.78" y="121.36" width="5.06" height="5.25"/>
+      <rect x="23.78" y="110.9" width="5.06" height="5.25"/>
+      <rect x="23.78" y="100.45" width="5.06" height="5.25"/>
+      <rect x="23.78" y="89.99" width="5.06" height="5.21"/>
+      <rect x="23.78" y="79.54" width="5.06" height="5.21"/>
+      <rect x="23.78" y="69.05" width="5.06" height="5.25"/>
+      <rect x="23.78" y="58.59" width="5.06" height="5.25"/>
+      <rect x="23.78" y="48.14" width="5.06" height="5.21"/>
+      <rect x="23.78" y="37.68" width="5.06" height="5.21"/>
+      <rect x="23.78" y="27.19" width="5.06" height="5.25"/>
+      <rect x="23.78" y="16.74" width="5.06" height="5.25"/>
+      <rect x="23.78" y="6.28" width="5.06" height="5.25"/>
+      <rect x="18.76" y="142.3" width="5.02" height="5.25"/>
+      <rect x="18.76" y="131.85" width="5.02" height="5.21"/>
+      <rect x="18.76" y="121.36" width="5.02" height="5.25"/>
+      <rect x="18.76" y="110.9" width="5.02" height="5.25"/>
+      <rect x="18.76" y="100.45" width="5.02" height="5.25"/>
+      <rect x="18.76" y="89.99" width="5.02" height="5.21"/>
+      <rect x="18.76" y="79.54" width="5.02" height="5.21"/>
+      <rect x="18.76" y="69.05" width="5.02" height="5.25"/>
+      <rect x="18.76" y="58.59" width="5.02" height="5.25"/>
+      <rect x="18.76" y="48.14" width="5.02" height="5.21"/>
+      <rect x="18.76" y="37.68" width="5.02" height="5.21"/>
+      <rect x="18.76" y="27.19" width="5.02" height="5.25"/>
+      <rect x="18.76" y="16.74" width="5.02" height="5.25"/>
+      <rect x="18.76" y="6.28" width="5.02" height="5.25"/>
+      <rect x="13.73" y="142.3" width="5.02" height="5.25"/>
+      <rect x="13.73" y="131.85" width="5.02" height="5.21"/>
+      <rect x="13.73" y="121.36" width="5.02" height="5.25"/>
+      <rect x="13.73" y="110.9" width="5.02" height="5.25"/>
+      <rect x="13.73" y="100.45" width="5.02" height="5.25"/>
+      <rect x="13.73" y="89.99" width="5.02" height="5.21"/>
+      <rect x="13.73" y="79.54" width="5.02" height="5.21"/>
+      <rect x="13.73" y="69.05" width="5.02" height="5.25"/>
+      <rect x="13.73" y="58.59" width="5.02" height="5.25"/>
+      <rect x="13.73" y="48.14" width="5.02" height="5.21"/>
+      <rect x="13.73" y="37.68" width="5.02" height="5.21"/>
+      <rect x="13.73" y="27.19" width="5.02" height="5.25"/>
+      <rect x="13.73" y="16.74" width="5.02" height="5.25"/>
+      <rect x="13.73" y="6.28" width="5.02" height="5.25"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/Bg1200.svg

@@ -0,0 +1,243 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129.61 163.63">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ffdf07;
+      }
+
+      .cls-2 {
+        fill: #575756;
+      }
+    </style>
+  </defs>
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect class="cls-2" y="157.08" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="146.6" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="136.13" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="125.66" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="115.19" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="104.72" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="94.25" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="83.77" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="73.3" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="62.83" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="52.36" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="41.89" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="31.42" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="20.94" width="125.66" height="1.05"/>
+      <rect class="cls-2" y="10.47" width="125.66" height="1.05"/>
+      <rect class="cls-2" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="114.27" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="114.27" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="114.27" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="109.24" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="109.24" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="109.24" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="109.24" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="109.24" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="109.24" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="109.24" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="109.24" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="104.22" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="104.22" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="104.22" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="104.22" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="104.22" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="104.22" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="104.22" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="104.22" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="104.22" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="104.22" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="99.19" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="99.19" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="99.19" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="99.19" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="99.19" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="99.19" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="94.17" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="94.17" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="94.17" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="94.17" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="94.17" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="94.17" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="89.15" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="89.15" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="89.15" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="89.15" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="89.15" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="89.15" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="84.12" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="84.12" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="84.12" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="84.12" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="84.12" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="84.12" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="79.1" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="79.1" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="79.1" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="79.1" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="79.1" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="79.1" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="79.1" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="79.1" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="74.07" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="74.07" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="74.07" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="74.07" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="74.07" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="74.07" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="69.05" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="69.05" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="69.05" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="69.05" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="69.05" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="69.05" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="64.03" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="64.03" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="64.03" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="64.03" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="64.03" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="64.03" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="59" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="59" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="59" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="59" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="59" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="59" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="53.98" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="53.98" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="53.98" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="53.98" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="53.98" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="53.98" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="48.92" y="142.45" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="48.92" y="131.99" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="48.92" y="79.68" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="48.92" y="69.19" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="48.92" y="16.88" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="48.92" y="6.43" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="43.89" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="43.89" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="43.89" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="43.89" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="43.89" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="43.89" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="38.87" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="38.87" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="38.87" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="38.87" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="38.87" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="38.87" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="33.84" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="33.84" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="33.84" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="33.84" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="33.84" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="33.84" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="28.82" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="28.82" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="28.82" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="28.82" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="28.82" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="28.82" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="23.8" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="23.8" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="23.8" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="23.8" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="23.8" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="23.8" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="18.77" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="18.77" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="18.77" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="18.77" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="18.77" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="18.77" y="6.43" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="142.45" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="131.99" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="13.75" y="121.54" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="13.75" y="111.05" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="100.59" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="90.14" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="13.75" y="79.68" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="13.75" y="69.19" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="58.74" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="48.28" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="37.83" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="13.75" y="27.34" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="16.88" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="13.75" y="6.43" width="5.02" height="5.25"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/Dg1200.svg

@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.48">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1d1d1b;
+      }
+
+      .cls-2 {
+        fill: #575756;
+      }
+    </style>
+  </defs>
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect class="cls-2" x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="110.84" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.84" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.84" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.84" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.84" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.84" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.84" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.84" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.84" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.84" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.82" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.82" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.82" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.82" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.82" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.79" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.79" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.79" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.79" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.79" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.77" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.77" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.77" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.77" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.77" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.77" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.74" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.74" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.74" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.74" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.74" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.74" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.74" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.68" y="142.31" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="85.68" y="131.82" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="121.37" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="110.91" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="100.46" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="85.68" y="90" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="85.68" y="79.51" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="69.06" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="58.6" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="85.68" y="48.15" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="85.68" y="37.65" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="27.2" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="16.75" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="85.68" y="6.29" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="80.66" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="80.66" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.66" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.66" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.66" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.66" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.66" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.66" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="75.63" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="75.63" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.63" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.63" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.63" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.63" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="70.61" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="70.61" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.61" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.61" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.61" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.61" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="65.59" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="65.59" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.59" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.59" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.59" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.59" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="60.56" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="60.56" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.56" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.56" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.56" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.56" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="55.54" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="55.54" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.54" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.54" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.54" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.54" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="50.51" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="50.51" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.51" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.51" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.51" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.51" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="45.49" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="45.49" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.49" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.49" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.49" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.49" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="40.47" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="40.47" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.47" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.47" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.47" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.47" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.44" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.44" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.44" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.44" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.44" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.44" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.44" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.42" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.42" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.42" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.42" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.42" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.42" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.42" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.39" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.39" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.39" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.39" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.39" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.39" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.39" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.37" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.37" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.37" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.37" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.37" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.37" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.37" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.35" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.35" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.35" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.35" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.35" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.35" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.35" y="6.29" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.32" y="142.31" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.32" y="131.82" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="121.37" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="110.91" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="100.46" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.32" y="90" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.32" y="79.51" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="69.06" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="58.6" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.32" y="48.15" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.32" y="37.65" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="27.2" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="16.75" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.32" y="6.29" width="5.02" height="5.21"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/F1200.svg

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.48">
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect x="110.85" y="27.19" width="5.02" height="5.25"/>
+      <rect x="110.85" y="16.73" width="5.02" height="5.25"/>
+      <rect x="110.85" y="6.28" width="5.02" height="5.25"/>
+      <rect x="105.82" y="27.19" width="5.02" height="5.25"/>
+      <rect x="105.82" y="16.73" width="5.02" height="5.25"/>
+      <rect x="105.82" y="6.28" width="5.02" height="5.25"/>
+      <rect x="100.8" y="27.19" width="5.02" height="5.25"/>
+      <rect x="100.8" y="16.73" width="5.02" height="5.25"/>
+      <rect x="100.8" y="6.28" width="5.02" height="5.25"/>
+      <rect x="95.74" y="27.19" width="5.06" height="5.25"/>
+      <rect x="95.74" y="16.73" width="5.06" height="5.25"/>
+      <rect x="95.74" y="6.28" width="5.06" height="5.25"/>
+      <rect x="90.71" y="27.19" width="5.02" height="5.25"/>
+      <rect x="90.71" y="16.73" width="5.02" height="5.25"/>
+      <rect x="90.71" y="6.28" width="5.02" height="5.25"/>
+      <rect x="85.69" y="27.19" width="5.02" height="5.25"/>
+      <rect x="85.69" y="16.73" width="5.02" height="5.25"/>
+      <rect x="85.69" y="6.28" width="5.02" height="5.25"/>
+      <rect x="80.66" y="27.19" width="5.02" height="5.25"/>
+      <rect x="80.66" y="16.73" width="5.02" height="5.25"/>
+      <rect x="80.66" y="6.28" width="5.02" height="5.25"/>
+      <rect x="75.64" y="69.04" width="5.02" height="5.25"/>
+      <rect x="75.64" y="58.59" width="5.02" height="5.25"/>
+      <rect x="75.64" y="27.19" width="5.02" height="5.25"/>
+      <rect x="75.64" y="16.73" width="5.02" height="5.25"/>
+      <rect x="75.64" y="6.28" width="5.02" height="5.25"/>
+      <rect x="70.62" y="69.04" width="5.02" height="5.25"/>
+      <rect x="70.62" y="58.59" width="5.02" height="5.25"/>
+      <rect x="70.62" y="27.19" width="5.02" height="5.25"/>
+      <rect x="70.62" y="16.73" width="5.02" height="5.25"/>
+      <rect x="70.62" y="6.28" width="5.02" height="5.25"/>
+      <rect x="65.59" y="69.04" width="5.02" height="5.25"/>
+      <rect x="65.59" y="58.59" width="5.02" height="5.25"/>
+      <rect x="65.59" y="27.19" width="5.02" height="5.25"/>
+      <rect x="65.59" y="16.73" width="5.02" height="5.25"/>
+      <rect x="65.59" y="6.28" width="5.02" height="5.25"/>
+      <rect x="60.57" y="69.04" width="5.02" height="5.25"/>
+      <rect x="60.57" y="58.59" width="5.02" height="5.25"/>
+      <rect x="60.57" y="27.19" width="5.02" height="5.25"/>
+      <rect x="60.57" y="16.73" width="5.02" height="5.25"/>
+      <rect x="60.57" y="6.28" width="5.02" height="5.25"/>
+      <rect x="55.54" y="69.04" width="5.02" height="5.25"/>
+      <rect x="55.54" y="58.59" width="5.02" height="5.25"/>
+      <rect x="55.54" y="27.19" width="5.02" height="5.25"/>
+      <rect x="55.54" y="16.73" width="5.02" height="5.25"/>
+      <rect x="55.54" y="6.28" width="5.02" height="5.25"/>
+      <rect x="50.52" y="69.04" width="5.02" height="5.25"/>
+      <rect x="50.52" y="58.59" width="5.02" height="5.25"/>
+      <rect x="50.52" y="27.19" width="5.02" height="5.25"/>
+      <rect x="50.52" y="16.73" width="5.02" height="5.25"/>
+      <rect x="50.52" y="6.28" width="5.02" height="5.25"/>
+      <rect x="45.49" y="69.04" width="5.02" height="5.25"/>
+      <rect x="45.49" y="58.59" width="5.02" height="5.25"/>
+      <rect x="45.49" y="27.19" width="5.02" height="5.25"/>
+      <rect x="45.49" y="16.73" width="5.02" height="5.25"/>
+      <rect x="45.49" y="6.28" width="5.02" height="5.25"/>
+      <rect x="40.47" y="69.04" width="5.02" height="5.25"/>
+      <rect x="40.47" y="58.59" width="5.02" height="5.25"/>
+      <rect x="40.47" y="27.19" width="5.02" height="5.25"/>
+      <rect x="40.47" y="16.73" width="5.02" height="5.25"/>
+      <rect x="40.47" y="6.28" width="5.02" height="5.25"/>
+      <rect x="35.45" y="142.3" width="5.02" height="5.25"/>
+      <rect x="35.45" y="131.85" width="5.02" height="5.21"/>
+      <rect x="35.45" y="121.39" width="5.02" height="5.21"/>
+      <rect x="35.45" y="110.9" width="5.02" height="5.25"/>
+      <rect x="35.45" y="100.44" width="5.02" height="5.25"/>
+      <rect x="35.45" y="89.99" width="5.02" height="5.21"/>
+      <rect x="35.45" y="79.54" width="5.02" height="5.21"/>
+      <rect x="35.45" y="69.04" width="5.02" height="5.25"/>
+      <rect x="35.45" y="58.59" width="5.02" height="5.25"/>
+      <rect x="35.45" y="48.13" width="5.02" height="5.25"/>
+      <rect x="35.45" y="37.68" width="5.02" height="5.21"/>
+      <rect x="35.45" y="27.19" width="5.02" height="5.25"/>
+      <rect x="35.45" y="16.73" width="5.02" height="5.25"/>
+      <rect x="35.45" y="6.28" width="5.02" height="5.25"/>
+      <rect x="30.42" y="142.3" width="5.02" height="5.25"/>
+      <rect x="30.42" y="131.85" width="5.02" height="5.21"/>
+      <rect x="30.42" y="121.39" width="5.02" height="5.21"/>
+      <rect x="30.42" y="110.9" width="5.02" height="5.25"/>
+      <rect x="30.42" y="100.44" width="5.02" height="5.25"/>
+      <rect x="30.42" y="89.99" width="5.02" height="5.21"/>
+      <rect x="30.42" y="79.54" width="5.02" height="5.21"/>
+      <rect x="30.42" y="69.04" width="5.02" height="5.25"/>
+      <rect x="30.42" y="58.59" width="5.02" height="5.25"/>
+      <rect x="30.42" y="48.13" width="5.02" height="5.25"/>
+      <rect x="30.42" y="37.68" width="5.02" height="5.21"/>
+      <rect x="30.42" y="27.19" width="5.02" height="5.25"/>
+      <rect x="30.42" y="16.73" width="5.02" height="5.25"/>
+      <rect x="30.42" y="6.28" width="5.02" height="5.25"/>
+      <rect x="25.4" y="142.3" width="5.02" height="5.25"/>
+      <rect x="25.4" y="131.85" width="5.02" height="5.21"/>
+      <rect x="25.4" y="121.39" width="5.02" height="5.21"/>
+      <rect x="25.4" y="110.9" width="5.02" height="5.25"/>
+      <rect x="25.4" y="100.44" width="5.02" height="5.25"/>
+      <rect x="25.4" y="89.99" width="5.02" height="5.21"/>
+      <rect x="25.4" y="79.54" width="5.02" height="5.21"/>
+      <rect x="25.4" y="69.04" width="5.02" height="5.25"/>
+      <rect x="25.4" y="58.59" width="5.02" height="5.25"/>
+      <rect x="25.4" y="48.13" width="5.02" height="5.25"/>
+      <rect x="25.4" y="37.68" width="5.02" height="5.21"/>
+      <rect x="25.4" y="27.19" width="5.02" height="5.25"/>
+      <rect x="25.4" y="16.73" width="5.02" height="5.25"/>
+      <rect x="25.4" y="6.28" width="5.02" height="5.25"/>
+      <rect x="20.34" y="142.3" width="5.06" height="5.25"/>
+      <rect x="20.34" y="131.85" width="5.06" height="5.21"/>
+      <rect x="20.34" y="121.39" width="5.06" height="5.21"/>
+      <rect x="20.34" y="110.9" width="5.06" height="5.25"/>
+      <rect x="20.34" y="100.44" width="5.06" height="5.25"/>
+      <rect x="20.34" y="89.99" width="5.06" height="5.21"/>
+      <rect x="20.34" y="79.54" width="5.06" height="5.21"/>
+      <rect x="20.34" y="69.04" width="5.06" height="5.25"/>
+      <rect x="20.34" y="58.59" width="5.06" height="5.25"/>
+      <rect x="20.34" y="48.13" width="5.06" height="5.25"/>
+      <rect x="20.34" y="37.68" width="5.06" height="5.21"/>
+      <rect x="20.34" y="27.19" width="5.06" height="5.25"/>
+      <rect x="20.34" y="16.73" width="5.06" height="5.25"/>
+      <rect x="20.34" y="6.28" width="5.06" height="5.25"/>
+      <rect x="15.31" y="142.3" width="5.02" height="5.25"/>
+      <rect x="15.31" y="131.85" width="5.02" height="5.21"/>
+      <rect x="15.31" y="121.39" width="5.02" height="5.21"/>
+      <rect x="15.31" y="110.9" width="5.02" height="5.25"/>
+      <rect x="15.31" y="100.44" width="5.02" height="5.25"/>
+      <rect x="15.31" y="89.99" width="5.02" height="5.21"/>
+      <rect x="15.31" y="79.54" width="5.02" height="5.21"/>
+      <rect x="15.31" y="69.04" width="5.02" height="5.25"/>
+      <rect x="15.31" y="58.59" width="5.02" height="5.25"/>
+      <rect x="15.31" y="48.13" width="5.02" height="5.25"/>
+      <rect x="15.31" y="37.68" width="5.02" height="5.21"/>
+      <rect x="15.31" y="27.19" width="5.02" height="5.25"/>
+      <rect x="15.31" y="16.73" width="5.02" height="5.25"/>
+      <rect x="15.31" y="6.28" width="5.02" height="5.25"/>
+      <rect x="10.29" y="142.3" width="5.02" height="5.25"/>
+      <rect x="10.29" y="131.85" width="5.02" height="5.21"/>
+      <rect x="10.29" y="121.39" width="5.02" height="5.21"/>
+      <rect x="10.29" y="110.9" width="5.02" height="5.25"/>
+      <rect x="10.29" y="100.44" width="5.02" height="5.25"/>
+      <rect x="10.29" y="89.99" width="5.02" height="5.21"/>
+      <rect x="10.29" y="79.54" width="5.02" height="5.21"/>
+      <rect x="10.29" y="69.04" width="5.02" height="5.25"/>
+      <rect x="10.29" y="58.59" width="5.02" height="5.25"/>
+      <rect x="10.29" y="48.13" width="5.02" height="5.25"/>
+      <rect x="10.29" y="37.68" width="5.02" height="5.21"/>
+      <rect x="10.29" y="27.19" width="5.02" height="5.25"/>
+      <rect x="10.29" y="16.73" width="5.02" height="5.25"/>
+      <rect x="10.29" y="6.28" width="5.02" height="5.25"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/Fg1200.svg

@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.62">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ffdf07;
+      }
+
+      .cls-2 {
+        fill: #575756;
+      }
+    </style>
+  </defs>
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect class="cls-2" x=".27" y="157.08" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="146.6" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="136.13" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="125.66" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="115.19" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="104.72" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="94.25" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="83.77" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="73.3" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="62.83" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="52.36" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="41.89" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="31.42" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="20.94" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" y="10.47" width="125.66" height="1.05"/>
+      <rect class="cls-2" x=".27" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="110.82" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="110.82" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="110.82" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.8" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="105.8" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="105.8" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.77" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="100.77" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="100.77" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.75" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="95.75" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="95.75" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.72" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="90.72" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="90.72" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.7" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="85.7" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="85.7" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.68" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="80.68" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="80.68" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.65" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.65" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.65" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="75.65" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="75.65" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.63" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.63" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.63" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="70.63" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="70.63" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.6" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.6" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.6" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="65.6" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="65.6" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.58" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.58" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.58" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="60.58" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="60.58" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.56" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.56" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.56" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="55.56" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="55.56" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.53" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.53" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.53" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="50.53" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="50.53" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="45.47" y="69.18" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="45.47" y="58.73" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="45.47" y="27.36" width="5.06" height="5.21"/>
+      <rect class="cls-1" x="45.47" y="16.87" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="45.47" y="6.42" width="5.06" height="5.25"/>
+      <rect class="cls-1" x="40.45" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.45" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.45" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="40.45" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="40.45" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="142.44" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="131.98" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.42" y="121.53" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.42" y="111.04" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="100.58" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="90.13" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="79.67" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.42" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="48.27" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="37.82" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.42" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="35.42" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="35.42" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="142.44" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="131.98" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.4" y="121.53" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.4" y="111.04" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="100.58" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="90.13" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="79.67" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.4" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="48.27" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="37.82" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.4" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="30.4" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="30.4" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="142.44" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="131.98" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.37" y="121.53" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.37" y="111.04" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="100.58" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="90.13" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="79.67" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.37" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="48.27" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="37.82" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.37" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="25.37" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="25.37" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="142.44" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="131.98" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.35" y="121.53" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.35" y="111.04" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="100.58" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="90.13" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="79.67" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.35" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="48.27" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="37.82" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.35" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="20.35" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="20.35" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="142.44" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="131.98" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.33" y="121.53" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.33" y="111.04" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="100.58" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="90.13" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="79.67" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.33" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="48.27" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="37.82" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.33" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="15.33" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="15.33" y="6.42" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="142.44" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="131.98" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.3" y="121.53" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.3" y="111.04" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="100.58" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="90.13" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="79.67" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.3" y="69.18" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="58.73" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="48.27" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="37.82" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.3" y="27.36" width="5.02" height="5.21"/>
+      <rect class="cls-1" x="10.3" y="16.87" width="5.02" height="5.25"/>
+      <rect class="cls-1" x="10.3" y="6.42" width="5.02" height="5.25"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/animation/d1200.svg

@@ -0,0 +1,241 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Livello_2" data-name="Livello 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.16 163.48">
+  <g id="Livello_1-2" data-name="Livello 1">
+    <g>
+      <rect x=".25" y="157.08" width="125.66" height="1.05"/>
+      <rect x=".25" y="146.6" width="125.66" height="1.05"/>
+      <rect x=".25" y="136.13" width="125.66" height="1.05"/>
+      <rect x=".25" y="125.66" width="125.66" height="1.05"/>
+      <rect x=".25" y="115.19" width="125.66" height="1.05"/>
+      <rect x=".25" y="104.72" width="125.66" height="1.05"/>
+      <rect x=".25" y="94.25" width="125.66" height="1.05"/>
+      <rect x=".25" y="83.77" width="125.66" height="1.05"/>
+      <rect x=".25" y="73.3" width="125.66" height="1.05"/>
+      <rect x=".25" y="62.83" width="125.66" height="1.05"/>
+      <rect x=".25" y="52.36" width="125.66" height="1.05"/>
+      <rect x=".25" y="41.89" width="125.66" height="1.05"/>
+      <rect x=".25" y="31.42" width="125.66" height="1.05"/>
+      <rect x=".25" y="20.94" width="125.66" height="1.05"/>
+      <rect x=".25" y="10.47" width="125.66" height="1.05"/>
+      <rect x=".25" width="125.66" height="1.05"/>
+    </g>
+    <g>
+      <rect x="110.83" y="121.37" width="5.02" height="5.25"/>
+      <rect x="110.83" y="110.91" width="5.02" height="5.25"/>
+      <rect x="110.83" y="100.46" width="5.02" height="5.21"/>
+      <rect x="110.83" y="89.97" width="5.02" height="5.25"/>
+      <rect x="110.83" y="79.51" width="5.02" height="5.25"/>
+      <rect x="110.83" y="69.06" width="5.02" height="5.25"/>
+      <rect x="110.83" y="58.6" width="5.02" height="5.21"/>
+      <rect x="110.83" y="48.15" width="5.02" height="5.21"/>
+      <rect x="110.83" y="37.66" width="5.02" height="5.25"/>
+      <rect x="110.83" y="27.2" width="5.02" height="5.25"/>
+      <rect x="105.8" y="131.82" width="5.02" height="5.25"/>
+      <rect x="105.8" y="121.37" width="5.02" height="5.25"/>
+      <rect x="105.8" y="110.91" width="5.02" height="5.25"/>
+      <rect x="105.8" y="100.46" width="5.02" height="5.21"/>
+      <rect x="105.8" y="89.97" width="5.02" height="5.25"/>
+      <rect x="105.8" y="79.51" width="5.02" height="5.25"/>
+      <rect x="105.8" y="69.06" width="5.02" height="5.25"/>
+      <rect x="105.8" y="58.6" width="5.02" height="5.21"/>
+      <rect x="105.8" y="48.15" width="5.02" height="5.21"/>
+      <rect x="105.8" y="37.66" width="5.02" height="5.25"/>
+      <rect x="105.8" y="27.2" width="5.02" height="5.25"/>
+      <rect x="105.8" y="16.75" width="5.02" height="5.21"/>
+      <rect x="100.78" y="131.82" width="5.02" height="5.25"/>
+      <rect x="100.78" y="121.37" width="5.02" height="5.25"/>
+      <rect x="100.78" y="110.91" width="5.02" height="5.25"/>
+      <rect x="100.78" y="100.46" width="5.02" height="5.21"/>
+      <rect x="100.78" y="89.97" width="5.02" height="5.25"/>
+      <rect x="100.78" y="79.51" width="5.02" height="5.25"/>
+      <rect x="100.78" y="69.06" width="5.02" height="5.25"/>
+      <rect x="100.78" y="58.6" width="5.02" height="5.21"/>
+      <rect x="100.78" y="48.15" width="5.02" height="5.21"/>
+      <rect x="100.78" y="37.66" width="5.02" height="5.25"/>
+      <rect x="100.78" y="27.2" width="5.02" height="5.25"/>
+      <rect x="100.78" y="16.75" width="5.02" height="5.21"/>
+      <rect x="95.76" y="142.31" width="5.02" height="5.21"/>
+      <rect x="95.76" y="131.82" width="5.02" height="5.25"/>
+      <rect x="95.76" y="121.37" width="5.02" height="5.25"/>
+      <rect x="95.76" y="110.91" width="5.02" height="5.25"/>
+      <rect x="95.76" y="100.46" width="5.02" height="5.21"/>
+      <rect x="95.76" y="89.97" width="5.02" height="5.25"/>
+      <rect x="95.76" y="79.51" width="5.02" height="5.25"/>
+      <rect x="95.76" y="69.06" width="5.02" height="5.25"/>
+      <rect x="95.76" y="58.6" width="5.02" height="5.21"/>
+      <rect x="95.76" y="48.15" width="5.02" height="5.21"/>
+      <rect x="95.76" y="37.66" width="5.02" height="5.25"/>
+      <rect x="95.76" y="27.2" width="5.02" height="5.25"/>
+      <rect x="95.76" y="16.75" width="5.02" height="5.21"/>
+      <rect x="95.76" y="6.29" width="5.02" height="5.21"/>
+      <rect x="90.73" y="142.31" width="5.02" height="5.21"/>
+      <rect x="90.73" y="131.82" width="5.02" height="5.25"/>
+      <rect x="90.73" y="121.37" width="5.02" height="5.25"/>
+      <rect x="90.73" y="110.91" width="5.02" height="5.25"/>
+      <rect x="90.73" y="100.46" width="5.02" height="5.21"/>
+      <rect x="90.73" y="89.97" width="5.02" height="5.25"/>
+      <rect x="90.73" y="79.51" width="5.02" height="5.25"/>
+      <rect x="90.73" y="69.06" width="5.02" height="5.25"/>
+      <rect x="90.73" y="58.6" width="5.02" height="5.21"/>
+      <rect x="90.73" y="48.15" width="5.02" height="5.21"/>
+      <rect x="90.73" y="37.66" width="5.02" height="5.25"/>
+      <rect x="90.73" y="27.2" width="5.02" height="5.25"/>
+      <rect x="90.73" y="16.75" width="5.02" height="5.21"/>
+      <rect x="90.73" y="6.29" width="5.02" height="5.21"/>
+      <rect x="85.71" y="142.31" width="5.02" height="5.21"/>
+      <rect x="85.71" y="131.82" width="5.02" height="5.25"/>
+      <rect x="85.71" y="121.37" width="5.02" height="5.25"/>
+      <rect x="85.71" y="110.91" width="5.02" height="5.25"/>
+      <rect x="85.71" y="100.46" width="5.02" height="5.21"/>
+      <rect x="85.71" y="89.97" width="5.02" height="5.25"/>
+      <rect x="85.71" y="79.51" width="5.02" height="5.25"/>
+      <rect x="85.71" y="69.06" width="5.02" height="5.25"/>
+      <rect x="85.71" y="58.6" width="5.02" height="5.21"/>
+      <rect x="85.71" y="48.15" width="5.02" height="5.21"/>
+      <rect x="85.71" y="37.66" width="5.02" height="5.25"/>
+      <rect x="85.71" y="27.2" width="5.02" height="5.25"/>
+      <rect x="85.71" y="16.75" width="5.02" height="5.21"/>
+      <rect x="85.71" y="6.29" width="5.02" height="5.21"/>
+      <rect x="80.68" y="142.31" width="5.02" height="5.21"/>
+      <rect x="80.68" y="131.82" width="5.02" height="5.25"/>
+      <rect x="80.68" y="121.37" width="5.02" height="5.25"/>
+      <rect x="80.68" y="110.91" width="5.02" height="5.25"/>
+      <rect x="80.68" y="37.66" width="5.02" height="5.25"/>
+      <rect x="80.68" y="27.2" width="5.02" height="5.25"/>
+      <rect x="80.68" y="16.75" width="5.02" height="5.21"/>
+      <rect x="80.68" y="6.29" width="5.02" height="5.21"/>
+      <rect x="75.66" y="142.31" width="5.02" height="5.21"/>
+      <rect x="75.66" y="131.82" width="5.02" height="5.25"/>
+      <rect x="75.66" y="121.37" width="5.02" height="5.25"/>
+      <rect x="75.66" y="27.2" width="5.02" height="5.25"/>
+      <rect x="75.66" y="16.75" width="5.02" height="5.21"/>
+      <rect x="75.66" y="6.29" width="5.02" height="5.21"/>
+      <rect x="70.64" y="142.31" width="5.02" height="5.21"/>
+      <rect x="70.64" y="131.82" width="5.02" height="5.25"/>
+      <rect x="70.64" y="121.37" width="5.02" height="5.25"/>
+      <rect x="70.64" y="27.2" width="5.02" height="5.25"/>
+      <rect x="70.64" y="16.75" width="5.02" height="5.21"/>
+      <rect x="70.64" y="6.29" width="5.02" height="5.21"/>
+      <rect x="65.61" y="142.31" width="5.02" height="5.21"/>
+      <rect x="65.61" y="131.82" width="5.02" height="5.25"/>
+      <rect x="65.61" y="121.37" width="5.02" height="5.25"/>
+      <rect x="65.61" y="27.2" width="5.02" height="5.25"/>
+      <rect x="65.61" y="16.75" width="5.02" height="5.21"/>
+      <rect x="65.61" y="6.29" width="5.02" height="5.21"/>
+      <rect x="60.55" y="142.31" width="5.06" height="5.21"/>
+      <rect x="60.55" y="131.82" width="5.06" height="5.25"/>
+      <rect x="60.55" y="121.37" width="5.06" height="5.25"/>
+      <rect x="60.55" y="27.2" width="5.06" height="5.25"/>
+      <rect x="60.55" y="16.75" width="5.06" height="5.21"/>
+      <rect x="60.55" y="6.29" width="5.06" height="5.21"/>
+      <rect x="55.53" y="142.31" width="5.02" height="5.21"/>
+      <rect x="55.53" y="131.82" width="5.02" height="5.25"/>
+      <rect x="55.53" y="121.37" width="5.02" height="5.25"/>
+      <rect x="55.53" y="27.2" width="5.02" height="5.25"/>
+      <rect x="55.53" y="16.75" width="5.02" height="5.21"/>
+      <rect x="55.53" y="6.29" width="5.02" height="5.21"/>
+      <rect x="50.5" y="142.31" width="5.02" height="5.21"/>
+      <rect x="50.5" y="131.82" width="5.02" height="5.25"/>
+      <rect x="50.5" y="121.37" width="5.02" height="5.25"/>
+      <rect x="50.5" y="27.2" width="5.02" height="5.25"/>
+      <rect x="50.5" y="16.75" width="5.02" height="5.21"/>
+      <rect x="50.5" y="6.29" width="5.02" height="5.21"/>
+      <rect x="45.48" y="142.31" width="5.02" height="5.21"/>
+      <rect x="45.48" y="131.82" width="5.02" height="5.25"/>
+      <rect x="45.48" y="121.37" width="5.02" height="5.25"/>
+      <rect x="45.48" y="27.2" width="5.02" height="5.25"/>
+      <rect x="45.48" y="16.75" width="5.02" height="5.21"/>
+      <rect x="45.48" y="6.29" width="5.02" height="5.21"/>
+      <rect x="40.45" y="142.31" width="5.02" height="5.21"/>
+      <rect x="40.45" y="131.82" width="5.02" height="5.25"/>
+      <rect x="40.45" y="121.37" width="5.02" height="5.25"/>
+      <rect x="40.45" y="27.2" width="5.02" height="5.25"/>
+      <rect x="40.45" y="16.75" width="5.02" height="5.21"/>
+      <rect x="40.45" y="6.29" width="5.02" height="5.21"/>
+      <rect x="35.43" y="142.31" width="5.02" height="5.21"/>
+      <rect x="35.43" y="131.82" width="5.02" height="5.25"/>
+      <rect x="35.43" y="121.37" width="5.02" height="5.25"/>
+      <rect x="35.43" y="110.91" width="5.02" height="5.25"/>
+      <rect x="35.43" y="100.46" width="5.02" height="5.21"/>
+      <rect x="35.43" y="89.97" width="5.02" height="5.25"/>
+      <rect x="35.43" y="79.51" width="5.02" height="5.25"/>
+      <rect x="35.43" y="69.06" width="5.02" height="5.25"/>
+      <rect x="35.43" y="58.6" width="5.02" height="5.21"/>
+      <rect x="35.43" y="48.15" width="5.02" height="5.21"/>
+      <rect x="35.43" y="37.66" width="5.02" height="5.25"/>
+      <rect x="35.43" y="27.2" width="5.02" height="5.25"/>
+      <rect x="35.43" y="16.75" width="5.02" height="5.21"/>
+      <rect x="35.43" y="6.29" width="5.02" height="5.21"/>
+      <rect x="30.41" y="142.31" width="5.02" height="5.21"/>
+      <rect x="30.41" y="131.82" width="5.02" height="5.25"/>
+      <rect x="30.41" y="121.37" width="5.02" height="5.25"/>
+      <rect x="30.41" y="110.91" width="5.02" height="5.25"/>
+      <rect x="30.41" y="100.46" width="5.02" height="5.21"/>
+      <rect x="30.41" y="89.97" width="5.02" height="5.25"/>
+      <rect x="30.41" y="79.51" width="5.02" height="5.25"/>
+      <rect x="30.41" y="69.06" width="5.02" height="5.25"/>
+      <rect x="30.41" y="58.6" width="5.02" height="5.21"/>
+      <rect x="30.41" y="48.15" width="5.02" height="5.21"/>
+      <rect x="30.41" y="37.66" width="5.02" height="5.25"/>
+      <rect x="30.41" y="27.2" width="5.02" height="5.25"/>
+      <rect x="30.41" y="16.75" width="5.02" height="5.21"/>
+      <rect x="30.41" y="6.29" width="5.02" height="5.21"/>
+      <rect x="25.38" y="142.31" width="5.02" height="5.21"/>
+      <rect x="25.38" y="131.82" width="5.02" height="5.25"/>
+      <rect x="25.38" y="121.37" width="5.02" height="5.25"/>
+      <rect x="25.38" y="110.91" width="5.02" height="5.25"/>
+      <rect x="25.38" y="100.46" width="5.02" height="5.21"/>
+      <rect x="25.38" y="89.97" width="5.02" height="5.25"/>
+      <rect x="25.38" y="79.51" width="5.02" height="5.25"/>
+      <rect x="25.38" y="69.06" width="5.02" height="5.25"/>
+      <rect x="25.38" y="58.6" width="5.02" height="5.21"/>
+      <rect x="25.38" y="48.15" width="5.02" height="5.21"/>
+      <rect x="25.38" y="37.66" width="5.02" height="5.25"/>
+      <rect x="25.38" y="27.2" width="5.02" height="5.25"/>
+      <rect x="25.38" y="16.75" width="5.02" height="5.21"/>
+      <rect x="25.38" y="6.29" width="5.02" height="5.21"/>
+      <rect x="20.36" y="142.31" width="5.02" height="5.21"/>
+      <rect x="20.36" y="131.82" width="5.02" height="5.25"/>
+      <rect x="20.36" y="121.37" width="5.02" height="5.25"/>
+      <rect x="20.36" y="110.91" width="5.02" height="5.25"/>
+      <rect x="20.36" y="100.46" width="5.02" height="5.21"/>
+      <rect x="20.36" y="89.97" width="5.02" height="5.25"/>
+      <rect x="20.36" y="79.51" width="5.02" height="5.25"/>
+      <rect x="20.36" y="69.06" width="5.02" height="5.25"/>
+      <rect x="20.36" y="58.6" width="5.02" height="5.21"/>
+      <rect x="20.36" y="48.15" width="5.02" height="5.21"/>
+      <rect x="20.36" y="37.66" width="5.02" height="5.25"/>
+      <rect x="20.36" y="27.2" width="5.02" height="5.25"/>
+      <rect x="20.36" y="16.75" width="5.02" height="5.21"/>
+      <rect x="20.36" y="6.29" width="5.02" height="5.21"/>
+      <rect x="15.33" y="142.31" width="5.02" height="5.21"/>
+      <rect x="15.33" y="131.82" width="5.02" height="5.25"/>
+      <rect x="15.33" y="121.37" width="5.02" height="5.25"/>
+      <rect x="15.33" y="110.91" width="5.02" height="5.25"/>
+      <rect x="15.33" y="100.46" width="5.02" height="5.21"/>
+      <rect x="15.33" y="89.97" width="5.02" height="5.25"/>
+      <rect x="15.33" y="79.51" width="5.02" height="5.25"/>
+      <rect x="15.33" y="69.06" width="5.02" height="5.25"/>
+      <rect x="15.33" y="58.6" width="5.02" height="5.21"/>
+      <rect x="15.33" y="48.15" width="5.02" height="5.21"/>
+      <rect x="15.33" y="37.66" width="5.02" height="5.25"/>
+      <rect x="15.33" y="27.2" width="5.02" height="5.25"/>
+      <rect x="15.33" y="16.75" width="5.02" height="5.21"/>
+      <rect x="15.33" y="6.29" width="5.02" height="5.21"/>
+      <rect x="10.31" y="142.31" width="5.02" height="5.21"/>
+      <rect x="10.31" y="131.82" width="5.02" height="5.25"/>
+      <rect x="10.31" y="121.37" width="5.02" height="5.25"/>
+      <rect x="10.31" y="110.91" width="5.02" height="5.25"/>
+      <rect x="10.31" y="100.46" width="5.02" height="5.21"/>
+      <rect x="10.31" y="89.97" width="5.02" height="5.25"/>
+      <rect x="10.31" y="79.51" width="5.02" height="5.25"/>
+      <rect x="10.31" y="69.06" width="5.02" height="5.25"/>
+      <rect x="10.31" y="58.6" width="5.02" height="5.21"/>
+      <rect x="10.31" y="48.15" width="5.02" height="5.21"/>
+      <rect x="10.31" y="37.66" width="5.02" height="5.25"/>
+      <rect x="10.31" y="27.2" width="5.02" height="5.25"/>
+      <rect x="10.31" y="16.75" width="5.02" height="5.21"/>
+      <rect x="10.31" y="6.29" width="5.02" height="5.21"/>
+    </g>
+  </g>
+</svg>

frontend/src/assets/images/brand-logo-white.svg

@@ -0,0 +1,976 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.9 65.08">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fedf02;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <rect class="cls-2" x="46.1" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="46.1" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="46.1" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="46.1" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="46.1" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="46.1" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="43.8" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="43.8" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="43.8" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="43.8" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="43.8" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="43.8" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="41.49" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="41.49" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="41.49" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="41.49" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="41.49" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="41.49" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="41.49" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="39.19" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="39.19" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="39.19" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="39.19" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="39.19" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="39.19" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="39.19" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="36.88" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="36.88" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="36.88" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="36.88" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="36.88" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="36.88" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="36.88" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="34.58" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="34.58" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="34.58" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="34.58" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="34.58" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="34.58" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="34.58" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="32.28" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="32.28" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="32.28" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="32.28" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="32.28" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="32.28" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="32.28" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="32.28" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="29.97" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="29.97" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="29.97" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="29.97" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="29.97" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="29.97" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="29.97" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="29.97" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="27.67" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="27.67" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="27.67" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="27.67" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="27.67" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="27.67" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="27.67" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="27.67" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="25.35" y="62.4" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="25.35" y="57.58" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="25.35" y="52.79" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="25.35" y="33.59" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="25.35" y="28.8" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="25.35" y="9.6" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="25.35" y="4.81" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="25.35" y=".01" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="23.04" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="23.04" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="23.04" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="23.04" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="23.04" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="23.04" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="23.04" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="23.04" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="20.74" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="20.74" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="20.74" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="20.74" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="20.74" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="20.74" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="20.74" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="20.74" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="18.43" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="18.43" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="18.43" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="18.43" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="18.43" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="18.43" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="18.43" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="18.43" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="16.13" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="16.13" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="16.13" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="16.13" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="16.13" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="16.13" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="13.83" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="13.83" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="13.83" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="13.83" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="13.83" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="13.83" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="11.52" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="11.52" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="11.52" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="11.52" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="11.52" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="11.52" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="9.22" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="9.22" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="9.22" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="9.22" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="9.22" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="9.22" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="6.91" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="6.91" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="6.91" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="6.91" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="6.91" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="6.91" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="4.61" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="4.61" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="4.61" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="4.61" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="4.61" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="4.61" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="2.31" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="2.31" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="2.31" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="2.31" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="2.31" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="2.31" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" y="4.81" width="2.3" height="2.41"/>
+    </g>
+    <g>
+      <rect class="cls-2" x="110.7" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="110.7" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="110.7" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="110.7" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="110.7" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="110.7" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="110.7" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="110.7" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="110.7" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="110.7" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="108.39" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="108.39" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="108.39" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="108.39" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="108.39" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="106.09" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="106.09" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="106.09" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="106.09" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="106.09" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="103.79" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="103.79" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="103.79" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="103.79" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="103.79" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="103.79" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="101.48" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="101.48" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="101.48" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="101.48" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="101.48" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="101.48" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="101.48" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="99.16" y="62.4" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="99.16" y="57.58" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="52.79" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="47.99" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="43.2" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="99.16" y="38.4" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="99.16" y="33.59" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="28.8" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="24" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="99.16" y="19.21" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="99.16" y="14.4" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="9.6" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y="4.81" width="2.32" height="2.41"/>
+      <rect class="cls-2" x="99.16" y=".01" width="2.32" height="2.39"/>
+      <rect class="cls-2" x="96.86" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="96.86" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="96.86" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="96.86" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="96.86" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="96.86" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="96.86" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="96.86" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="94.55" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="94.55" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="94.55" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="94.55" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="94.55" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="94.55" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="92.25" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="92.25" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="92.25" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="92.25" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="92.25" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="92.25" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="89.94" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="89.94" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="89.94" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="89.94" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="89.94" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="89.94" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="87.64" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="87.64" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="87.64" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="87.64" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="87.64" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="87.64" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="85.34" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="85.34" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="85.34" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="85.34" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="85.34" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="85.34" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="83.03" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="83.03" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="83.03" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="83.03" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="83.03" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="83.03" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="80.73" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="80.73" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="80.73" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="80.73" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="80.73" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="80.73" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="78.42" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="78.42" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="78.42" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="78.42" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="78.42" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="78.42" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="76.12" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="76.12" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="76.12" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="76.12" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="76.12" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="76.12" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="76.12" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="73.81" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="73.81" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="73.81" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="73.81" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="73.81" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="73.81" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="73.81" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="71.51" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="71.51" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="71.51" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="71.51" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="71.51" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="71.51" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="71.51" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="69.21" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="69.21" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="69.21" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="69.21" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="69.21" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="69.21" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="69.21" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="66.9" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="66.9" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="66.9" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="66.9" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="66.9" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="66.9" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="66.9" y=".01" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="64.6" y="62.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="64.6" y="57.58" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="52.79" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="47.99" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="43.2" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="64.6" y="38.4" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="64.6" y="33.59" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="28.8" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="24" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="64.6" y="19.21" width="2.3" height="2.39"/>
+      <rect class="cls-2" x="64.6" y="14.4" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="9.6" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y="4.81" width="2.3" height="2.41"/>
+      <rect class="cls-2" x="64.6" y=".01" width="2.3" height="2.39"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="184.85" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="184.85" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="184.85" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="182.55" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="182.55" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="182.55" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="180.24" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="180.24" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="180.24" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="177.94" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="177.94" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="177.94" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="175.63" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="175.63" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="175.63" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="173.33" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="173.33" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="173.33" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="171.03" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="171.03" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="171.03" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="168.72" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="168.72" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="168.72" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="168.72" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="168.72" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="166.42" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="166.42" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="166.42" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="166.42" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="166.42" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="164.11" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="164.11" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="164.11" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="164.11" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="164.11" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="161.81" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="161.81" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="161.81" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="161.81" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="161.81" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="159.5" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="159.5" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="159.5" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="159.5" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="159.5" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="157.2" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="157.2" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="157.2" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="157.2" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="157.2" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="154.88" y="28.83" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="154.88" y="24.04" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="154.88" y="9.65" width="2.32" height="2.39"/>
+      <rect class="cls-1" x="154.88" y="4.84" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="154.88" y=".05" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="152.58" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="152.58" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="152.58" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="152.58" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="152.58" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="62.43" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="57.63" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="150.27" y="52.84" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="150.27" y="48.03" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="43.23" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="38.44" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="33.64" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="150.27" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="19.24" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y="14.45" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="150.27" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="150.27" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="150.27" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="62.43" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="57.63" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="147.97" y="52.84" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="147.97" y="48.03" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="43.23" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="38.44" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="33.64" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="147.97" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="19.24" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y="14.45" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="147.97" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="147.97" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="147.97" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="62.43" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="57.63" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="145.66" y="52.84" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="145.66" y="48.03" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="43.23" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="38.44" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="33.64" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="145.66" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="19.24" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y="14.45" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="145.66" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="145.66" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="145.66" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="62.43" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="57.63" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="143.36" y="52.84" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="143.36" y="48.03" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="43.23" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="38.44" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="33.64" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="143.36" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="19.24" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y="14.45" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="143.36" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="143.36" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="143.36" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="62.43" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="57.63" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="141.05" y="52.84" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="141.05" y="48.03" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="43.23" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="38.44" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="33.64" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="141.05" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="19.24" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y="14.45" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="141.05" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="141.05" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="141.05" y=".05" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="62.43" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="57.63" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="138.75" y="52.84" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="138.75" y="48.03" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="43.23" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="38.44" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="33.64" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="138.75" y="28.83" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="24.04" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="19.24" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y="14.45" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="138.75" y="9.65" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="138.75" y="4.84" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="138.75" y=".05" width="2.3" height="2.41"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="316.59" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="316.59" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="316.59" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="314.29" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="314.29" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="314.29" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="314.29" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="314.29" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="314.29" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="314.29" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="314.29" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="311.99" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="311.99" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="311.99" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="311.99" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="311.99" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="311.99" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="311.99" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="311.99" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="311.99" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="311.99" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="309.68" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="309.68" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="309.68" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="309.68" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="309.68" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="309.68" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="307.38" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="307.38" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="307.38" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="307.38" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="307.38" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="307.38" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="305.07" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="305.07" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="305.07" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="305.07" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="305.07" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="305.07" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="302.77" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="302.77" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="302.77" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="302.77" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="302.77" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="302.77" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="300.46" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="300.46" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="300.46" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="300.46" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="300.46" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="300.46" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="300.46" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="300.46" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="298.16" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="298.16" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="298.16" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="298.16" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="298.16" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="298.16" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="295.86" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="295.86" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="295.86" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="295.86" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="295.86" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="295.86" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="293.55" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="293.55" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="293.55" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="293.55" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="293.55" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="293.55" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="291.25" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="291.25" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="291.25" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="291.25" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="291.25" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="291.25" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="288.94" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="288.94" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="288.94" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="288.94" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="288.94" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="288.94" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="286.62" y="62.68" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="286.62" y="57.88" width="2.32" height="2.39"/>
+      <rect class="cls-1" x="286.62" y="33.89" width="2.32" height="2.39"/>
+      <rect class="cls-1" x="286.62" y="29.08" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="286.62" y="5.09" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="286.62" y=".29" width="2.32" height="2.41"/>
+      <rect class="cls-1" x="284.32" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="284.32" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="284.32" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="284.32" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="284.32" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="284.32" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="282.01" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="282.01" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="282.01" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="282.01" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="282.01" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="282.01" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="279.71" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="279.71" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="279.71" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="279.71" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="279.71" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="279.71" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="277.41" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="277.41" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="277.41" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="277.41" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="277.41" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="277.41" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="275.1" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="275.1" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="275.1" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="275.1" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="275.1" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="275.1" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="272.8" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="272.8" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="272.8" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="272.8" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="272.8" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="272.8" y=".29" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="62.68" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="57.88" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="270.49" y="53.09" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="270.49" y="48.27" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="43.48" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="38.68" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="270.49" y="33.89" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="270.49" y="29.08" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="24.28" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="19.49" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="14.69" width="2.3" height="2.39"/>
+      <rect class="cls-1" x="270.49" y="9.88" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y="5.09" width="2.3" height="2.41"/>
+      <rect class="cls-1" x="270.49" y=".29" width="2.3" height="2.41"/>
+    </g>
+    <g>
+      <rect class="cls-1" x="250.75" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="249.2" y="62.58" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="249.2" y="57.75" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="247.65" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="247.65" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="247.65" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="246.09" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="246.09" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="246.09" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="246.09" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="244.53" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="244.53" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="244.53" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="244.53" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="244.53" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="242.97" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="242.97" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="242.97" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="242.97" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="242.97" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="242.97" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="241.41" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="239.85" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="238.29" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="236.74" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="235.18" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="233.62" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="232.06" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="230.5" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="228.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="227.38" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="225.84" y="43.32" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="225.84" y="38.51" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="225.84" y="14.43" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="225.84" y="9.62" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="225.84" y="4.81" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="225.84" width="1.54" height="2.41"/>
+      <rect class="cls-1" x="224.28" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="224.28" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="224.28" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="224.28" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="224.28" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="224.28" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="224.28" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="222.72" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="221.16" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="219.61" y="4.81" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="218.05" y="9.62" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="216.49" y="14.43" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="214.93" y="19.24" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="213.37" y="24.05" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="211.81" y="28.88" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="210.25" y="33.69" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="208.7" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="208.7" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="208.7" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="208.7" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="208.7" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="208.7" y="38.51" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="207.14" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="207.14" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="207.14" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="207.14" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="207.14" y="43.32" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="205.58" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="205.58" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="205.58" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="205.58" y="48.13" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="204.02" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="204.02" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="204.02" y="52.94" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="202.46" y="62.58" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="202.46" y="57.75" width="1.56" height="2.41"/>
+      <rect class="cls-1" x="200.92" y="62.58" width="1.54" height="2.41"/>
+    </g>
+  </g>
+</svg>

frontend/src/index.html

@@ -10,7 +10,26 @@
     <meta name="robots" content="index, follow" />
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/png" href="assets/images/Fav-icon.png" />
+    <link rel="icon" type="image/png" href="/assets/images/Fav-icon.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="/assets/images/Fav-icon-browser-192x192.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="512x512"
+      href="/assets/images/Fav-icon-512x512.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="192x192"
+      href="/assets/images/Fav-icon-192x192.png"
+    />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="theme-color" content="#ffffff" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link