From a207afb184073a2b1cb83a81f67c608b8bbdcfa0 Mon Sep 17 00:00:00 2001
From: marco cruz <marco24cruz08@gmail.com>
Date: Sat, 23 Jul 2022 17:10:25 -0500
Subject: [PATCH] :sparkles: search news added

---
 .../components/sidebar/sidebar.component.css  | 14 +++
 .../components/sidebar/sidebar.component.html | 11 ++-
 .../components/sidebar/sidebar.component.ts   |  6 ++
 src/app/core/constants/messages.constant.ts   |  4 +
 src/app/core/services/feed.service.ts         |  6 +-
 src/app/features/features.module.ts           |  4 +-
 src/app/features/features.routing.ts          |  5 ++
 .../feed/pages/feed/feed.component.ts         |  6 +-
 src/app/features/home/home.component.css      | 12 +++
 src/app/features/home/home.component.html     |  3 +
 src/app/features/home/home.component.ts       | 18 ++--
 .../search/pages/search/search.component.css  | 36 ++++++++
 .../search/pages/search/search.component.html | 16 ++++
 .../search/pages/search/search.component.ts   | 90 +++++++++++++++++++
 src/app/features/search/search.module.ts      | 18 ++++
 src/app/features/search/search.routing.ts     | 21 +++++
 .../search-input/search-input.component.css   | 29 ++++++
 .../search-input/search-input.component.html  |  5 ++
 .../search-input/search-input.component.ts    | 26 ++++++
 src/app/shared/shared.module.ts               |  5 +-
 src/assets/svg/no-data.svg                    |  1 +
 src/styles.css                                |  2 +
 tsconfig.json                                 |  2 +-
 23 files changed, 321 insertions(+), 19 deletions(-)
 create mode 100644 src/app/features/search/pages/search/search.component.css
 create mode 100644 src/app/features/search/pages/search/search.component.html
 create mode 100644 src/app/features/search/pages/search/search.component.ts
 create mode 100644 src/app/features/search/search.module.ts
 create mode 100644 src/app/features/search/search.routing.ts
 create mode 100644 src/app/shared/search-input/search-input.component.css
 create mode 100644 src/app/shared/search-input/search-input.component.html
 create mode 100644 src/app/shared/search-input/search-input.component.ts
 create mode 100644 src/assets/svg/no-data.svg

diff --git a/src/app/core/components/sidebar/sidebar.component.css b/src/app/core/components/sidebar/sidebar.component.css
index 9521e3a..1d4d72b 100644
--- a/src/app/core/components/sidebar/sidebar.component.css
+++ b/src/app/core/components/sidebar/sidebar.component.css
@@ -21,6 +21,7 @@ nav .logo-details {
   position: relative;
   opacity: 1;
   gap: 5px;
+  cursor: pointer;
 }
 
 nav .logo-details img {
@@ -71,6 +72,10 @@ nav li {
   height: 55px;
 }
 
+nav li.mobile {
+  display: none;
+}
+
 nav li .tooltip {
   position: absolute;
   top: -20px;
@@ -221,6 +226,10 @@ nav .profile {
     display: block;
   }
 
+  nav li.mobile {
+    display: block;
+  }
+
   nav .logo-details {
     gap: 0;
     justify-content: center;
@@ -286,6 +295,11 @@ nav .profile {
     bottom: 0;
     justify-content: space-evenly;
   }
+
+  /* nav li {
+    padding: 10px 0;
+  } */
+
   nav li .tooltip {
     display: none;
   }
diff --git a/src/app/core/components/sidebar/sidebar.component.html b/src/app/core/components/sidebar/sidebar.component.html
index c433026..8123d0a 100644
--- a/src/app/core/components/sidebar/sidebar.component.html
+++ b/src/app/core/components/sidebar/sidebar.component.html
@@ -1,5 +1,5 @@
 <nav class="sidebar">
-  <div class="logo-details">
+  <div class="logo-details " (click)="goToHome()">
     <img src="/assets/logo.png" alt="logo" srcset="">
     <!-- <i class='bx bx-news icon'></i> -->
     <span class="logo_name">InfoReader</span>
@@ -19,6 +19,13 @@
       </a>
       <span class="tooltip">Explore</span>
     </li>
+    <li class="mobile">
+      <a routerLink="/search" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
+        <i class='bx bx-search'></i>
+        <span class="links_name">Search</span>
+      </a>
+      <span class="tooltip">Search</span>
+    </li>
     <li>
       <a routerLink="/feed/saved" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
         <i class='bx bx-bookmark'></i>
@@ -27,7 +34,7 @@
       <span class="tooltip">Saved</span>
     </li>
     <li>
-      <a routerLink="/settings" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
+      <a routerLink="/settings" routerLinkActive="active">
         <i class='bx bx-cog'></i>
         <span class="links_name">Settings</span>
       </a>
diff --git a/src/app/core/components/sidebar/sidebar.component.ts b/src/app/core/components/sidebar/sidebar.component.ts
index c97303f..a558dfc 100644
--- a/src/app/core/components/sidebar/sidebar.component.ts
+++ b/src/app/core/components/sidebar/sidebar.component.ts
@@ -1,4 +1,5 @@
 import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 
 import { User } from '@models/user.model';
@@ -20,6 +21,7 @@ export class SidebarComponent implements OnInit, AfterViewInit, OnDestroy {
 
   constructor(
     private authService: AuthService,
+    private router: Router
   ) {
     this.userActive = authService.getUserActive;
   }
@@ -58,4 +60,8 @@ export class SidebarComponent implements OnInit, AfterViewInit, OnDestroy {
     this.authService.showModalAuth(to);
   }
 
+  goToHome(): void  {
+    this.router.navigate(['/']);
+  }
+
 }
diff --git a/src/app/core/constants/messages.constant.ts b/src/app/core/constants/messages.constant.ts
index 42b7640..6465d7a 100644
--- a/src/app/core/constants/messages.constant.ts
+++ b/src/app/core/constants/messages.constant.ts
@@ -11,4 +11,8 @@ export const messages: IMessage[] = [
    message: 'Here you can find your news saved',
    imagePath: `${pathRelative}/saved.svg`,
   },
+  {
+    message: 'Sorry, we could not find any results',
+    imagePath: `${pathRelative}/no-data.svg`
+  }
 ];
diff --git a/src/app/core/services/feed.service.ts b/src/app/core/services/feed.service.ts
index 58bec52..70ffea7 100644
--- a/src/app/core/services/feed.service.ts
+++ b/src/app/core/services/feed.service.ts
@@ -42,7 +42,6 @@ export class FeedService {
     const headers = !isAuthenticated ? {} : this.headers;
     return this.http.get<IResponseFeed>(url, headers)
       .pipe(map(resp => this.mapInUserResource(resp.feeds) as Feed[]));
-
   }
 
   getFeed(id: string): Observable<Feed> {
@@ -57,6 +56,11 @@ export class FeedService {
       .pipe(map((resp) => this.mapInUserResource(resp.feeds) as Feed[]));
   }
 
+  searchFeeds(skip = 0, limit = 10, query: string): Observable<Feed[]> {
+    const url = `${base_url}/feed/search?skip=${skip}&limit=${limit}&q=${query}`;
+    return this.http.get<IResponseFeed>(url).pipe(map(resp => resp.feeds));
+  }
+
   private mapInUserResource(feeds: Feed[] | Feed): Feed[] | Feed {
     const userActive = this.authService.getUserActive;
     if(userActive) {
diff --git a/src/app/features/features.module.ts b/src/app/features/features.module.ts
index 4e02564..afd999a 100644
--- a/src/app/features/features.module.ts
+++ b/src/app/features/features.module.ts
@@ -10,6 +10,7 @@ import { WebsiteModule } from './website/website.module';
 import { AuthModule } from 'app/auth/auth.module';
 import { SharedModule } from 'app/shared/shared.module';
 import { HomeModule } from './home/home.module';
+import { SearchModule } from './search/search.module';
 import { SettingsModule } from './settings/settings.module';
 
 @NgModule({
@@ -25,7 +26,8 @@ import { SettingsModule } from './settings/settings.module';
     AuthModule,
     HomeModule,
     SharedModule,
-    SettingsModule
+    SettingsModule,
+    SearchModule
   ]
 })
 export class FeaturesModule { }
diff --git a/src/app/features/features.routing.ts b/src/app/features/features.routing.ts
index 0961e32..8ac96d3 100644
--- a/src/app/features/features.routing.ts
+++ b/src/app/features/features.routing.ts
@@ -22,6 +22,11 @@ const routes: Routes = [
     path: 'settings',
     component: FeaturesComponent,
     loadChildren: () => import('./settings/settings.routing').then(m => m.SettingsRoutingModule),
+  },
+  {
+    path: 'search',
+    component: FeaturesComponent,
+    loadChildren: () => import('./search/search.routing').then(m => m.SearchRoutingModule),
   }
 ];
 
diff --git a/src/app/features/feed/pages/feed/feed.component.ts b/src/app/features/feed/pages/feed/feed.component.ts
index caeaf37..1e2ba3f 100644
--- a/src/app/features/feed/pages/feed/feed.component.ts
+++ b/src/app/features/feed/pages/feed/feed.component.ts
@@ -31,10 +31,10 @@ export class FeedComponent implements OnInit {
     this.saveFeedSub.pipe(
       debounceTime(250))
       .subscribe((idFeed) => this.updatePreferences(idFeed)
-    );
-  }
+      );
+    }
 
-  ngOnInit(): void {
+    ngOnInit(): void {
     this.activatedRoute.params.subscribe(({ feedID }) => this.loadData(feedID));
   }
 
diff --git a/src/app/features/home/home.component.css b/src/app/features/home/home.component.css
index 5a21379..d56b7a0 100644
--- a/src/app/features/home/home.component.css
+++ b/src/app/features/home/home.component.css
@@ -13,6 +13,18 @@
   margin-top: 0.5rem;
 }
 
+.top-search {
+  display: flex;
+  align-items: center;
+  position: fixed;
+  width: inherit;
+  min-height: 70px;
+}
+
+.top-search app-search-input {
+  width: 100%;
+}
+
 @media (max-width: 1200px) {
   .home-section .recently .news {
     grid-template-columns: repeat(1, 100%);
diff --git a/src/app/features/home/home.component.html b/src/app/features/home/home.component.html
index 3f40527..6ef19eb 100644
--- a/src/app/features/home/home.component.html
+++ b/src/app/features/home/home.component.html
@@ -19,6 +19,9 @@
     </div>
   </section>
   <section class="websites">
+    <div class="top-search">
+      <app-search-input (search)="search($event)"></app-search-input>
+    </div>
     <app-card-websites-a *ngIf="isLoading"></app-card-websites-a>
     <app-websites-card *ngIf="!isLoading" [websites]="websites"></app-websites-card>
   </section>
diff --git a/src/app/features/home/home.component.ts b/src/app/features/home/home.component.ts
index 3af8c65..b533d34 100644
--- a/src/app/features/home/home.component.ts
+++ b/src/app/features/home/home.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { debounceTime, forkJoin, map, Observable, Subject, Subscription } from 'rxjs';
+import { Router } from '@angular/router';
 
 import { Feed } from '@models/feed.model';
 import { Website } from '@models/website.model';
@@ -17,20 +18,17 @@ export class HomeComponent implements OnInit, OnDestroy {
   private loadingNews: Subject<boolean> = new Subject();
   public isLoading: boolean = true;
   private isAuthenticated: boolean = false;
-
   private skip: number = 0;
   private limit: number = 10;
-
   public websites: Website[] = [];
   public feeds: Feed[] = [];
   public recentFeed: Feed;
-
   private isAuthenticatedSub: Subscription;
-
   constructor(
     private feedService: FeedService,
     private websiteService: WebsiteService,
     private authService: AuthService,
+    private router: Router
   ) {
     this.loadingNews.pipe(debounceTime(1000)).subscribe(() => this.getDataInitial());
    }
@@ -79,11 +77,7 @@ export class HomeComponent implements OnInit, OnDestroy {
   private setRecentFeed(index: number): void {
     if(index < this.feeds.length) {
       const item = this.feeds[index];
-      if(!item.image || item.image === '') {
-        return this.setRecentFeed(index + 1);
-      } else {
-        this.recentFeed = item;
-      }
+      (!item.image || item.image === '') ? this.setRecentFeed(index + 1): this.recentFeed = item;
     }
   }
 
@@ -92,7 +86,7 @@ export class HomeComponent implements OnInit, OnDestroy {
   }
 
   onScroll() {
-    this. skip += this.limit;
+    this.skip += this.limit;
     if(!this.isAuthenticated && this.skip >= this.limit) {
       return this.authService.showModalAuth('init');
     }
@@ -103,4 +97,8 @@ export class HomeComponent implements OnInit, OnDestroy {
     return this.skip;
   }
 
+  search(value: string): void {
+    this.router.navigate(['/search'], { queryParams: { q: value } });
+  }
+
 }
diff --git a/src/app/features/search/pages/search/search.component.css b/src/app/features/search/pages/search/search.component.css
new file mode 100644
index 0000000..59b70d3
--- /dev/null
+++ b/src/app/features/search/pages/search/search.component.css
@@ -0,0 +1,36 @@
+.search-section {
+  max-width: calc(100% - 300px);
+}
+
+.search-wrapper {
+  margin: 0.5rem 1rem;
+}
+
+.title-wrapper {
+  justify-content: flex-end;
+}
+
+.title-wrapper app-search-input {
+  width: 55%;
+}
+
+@media (max-width: 1200px) {
+  .search-section {
+    max-width: 85%;
+  }
+}
+
+@media (max-width: 900px) {
+  .search-section {
+    max-width: 100%;
+  }
+  .title-wrapper app-search-input {
+    width: 75%;
+  }
+}
+
+@media (max-width: 480px) {
+  .title-wrapper app-search-input {
+    width: 100%;
+  }
+}
diff --git a/src/app/features/search/pages/search/search.component.html b/src/app/features/search/pages/search/search.component.html
new file mode 100644
index 0000000..f287b5c
--- /dev/null
+++ b/src/app/features/search/pages/search/search.component.html
@@ -0,0 +1,16 @@
+<section class="search-section">
+  <div class="title-wrapper">
+    <app-search-input [value]="getQueryValue" (search)="resetQuery($event)"></app-search-input>
+  </div>
+  <div class="search-wrapper">
+    <div class="skeletons" *ngIf="isLoading">
+      <app-card-new></app-card-new>
+      <app-card-new></app-card-new>
+      <app-card-new></app-card-new>
+      <app-card-new></app-card-new>
+    </div>
+    <app-no-feeds *ngIf="!isLoading && feeds.length < 1" [messageIndex]="2"></app-no-feeds>
+    <app-news-container *ngIf="!isLoading && feeds && feeds.length > 0" [feeds]="feeds" (moreItems)="onScroll()">
+    </app-news-container>
+  </div>
+</section>
\ No newline at end of file
diff --git a/src/app/features/search/pages/search/search.component.ts b/src/app/features/search/pages/search/search.component.ts
new file mode 100644
index 0000000..1f91bb6
--- /dev/null
+++ b/src/app/features/search/pages/search/search.component.ts
@@ -0,0 +1,90 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { debounceTime, Observable, Subject } from 'rxjs';
+
+import { Feed } from '@models/feed.model';
+
+import { AuthService } from '@services/auth.service';
+import { FeedService } from '@services/feed.service';
+
+@Component({
+  selector: 'app-search',
+  templateUrl: './search.component.html',
+  styleUrls: ['./search.component.css']
+})
+export class SearchComponent implements OnInit {
+  private skip: number = 0;
+  private limit: number = 10;
+  private query: string = '';
+  private loadingNews: Subject<boolean> = new Subject();
+
+  public feeds: Feed[];
+  public isLoading: boolean = true;
+  constructor(
+    private feedService: FeedService,
+    private activatedRoute: ActivatedRoute,
+    private router: Router,
+    private authService: AuthService
+  ) {
+    this.loadingNews.pipe(debounceTime(1000)).subscribe(() => this.getDataInitial());
+  }
+
+  goToTop() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+  }
+
+  ngOnInit(): void {
+    this.activatedRoute.queryParams.subscribe(({ q: query }) => {
+      if(!query) {
+        return this.getRandomFeeds();
+      }
+      if(!query || query.trim().length < 1) return this.router.navigateByUrl('/');
+      this.query = query.trim();
+      this.goToTop();
+      this.loadingNews.next(true);
+    });
+  }
+
+  getRandomFeeds(): void{
+    this.feedService.getFeeds(5, 5, false).subscribe(feeds => {
+      this.feeds = feeds;
+      this.isLoading = false;
+    });
+  }
+
+  getDataInitial(): void {
+    this.isLoading = true;
+    this.skip = 0;
+    this.searchFeeds().subscribe({
+      next: (feeds) => this.feeds =feeds,
+      complete: () => this.isLoading = false,
+    })
+  }
+
+  resetQuery(value: string): void {
+    this.router.navigate(['/search'], { queryParams: { q: value } });
+    this.isLoading = true;
+    this.query = value;
+    this.loadingNews.next(true);
+  }
+
+  searchFeeds(): Observable<Feed[]> {
+    return this.feedService.searchFeeds(this.skip, this.limit, this.query);
+  }
+
+  onScroll(): void {
+    this.skip += this.limit;
+    if(!this.authService.isAuthenticated() && this.query.length > 1 && this.skip >= this.limit) {
+      return this.authService.showModalAuth('init');
+    }
+    if(this.query.length > 1) {
+      this.searchFeeds().subscribe(feeds => this.feeds = [...this.feeds, ...feeds]);
+    }
+  }
+
+  get getQueryValue(): string {
+    return this.query;
+  }
+
+}
diff --git a/src/app/features/search/search.module.ts b/src/app/features/search/search.module.ts
new file mode 100644
index 0000000..f2bc0ec
--- /dev/null
+++ b/src/app/features/search/search.module.ts
@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SearchComponent } from './pages/search/search.component';
+
+import { SkeletonsModule } from 'app/shared/skeletons/skeletons.module';
+import { SharedModule } from 'app/shared/shared.module';
+
+@NgModule({
+  declarations: [
+    SearchComponent
+  ],
+  imports: [
+    CommonModule,
+    SkeletonsModule,
+    SharedModule
+  ]
+})
+export class SearchModule { }
diff --git a/src/app/features/search/search.routing.ts b/src/app/features/search/search.routing.ts
new file mode 100644
index 0000000..23fe750
--- /dev/null
+++ b/src/app/features/search/search.routing.ts
@@ -0,0 +1,21 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from "@angular/router";
+
+import { SearchComponent } from "./pages/search/search.component";
+
+const routes: Routes = [
+  {
+    path: '',
+    component: SearchComponent
+  }
+];
+
+@NgModule({
+  imports: [
+    RouterModule.forChild(routes),
+  ],
+  exports: [
+    RouterModule
+  ]
+})
+export class SearchRoutingModule {}
diff --git a/src/app/shared/search-input/search-input.component.css b/src/app/shared/search-input/search-input.component.css
new file mode 100644
index 0000000..f9e45f5
--- /dev/null
+++ b/src/app/shared/search-input/search-input.component.css
@@ -0,0 +1,29 @@
+.input-group {
+  position: relative;
+}
+
+input.icon {
+  background: var(--bg-color-card);
+  border: var(--border-input);
+  border-radius: 30px;
+  height: 45px;
+  width: 100%;
+  min-width: 0;
+  padding: 10px 5px 10px 50px;
+  color: var(--font-color-primary);
+  font-size: 16px;
+  transition: 0.2s;
+  box-shadow: var(--box-shadow);
+}
+
+input.icon ~ i {
+  top: 15px;
+  left: 20px;
+  position: absolute;
+  color: #71767b;
+  transition: 0.2s;
+}
+
+input.icon:focus ~ i {
+  color: var(--primary-color);
+}
diff --git a/src/app/shared/search-input/search-input.component.html b/src/app/shared/search-input/search-input.component.html
new file mode 100644
index 0000000..3c24a68
--- /dev/null
+++ b/src/app/shared/search-input/search-input.component.html
@@ -0,0 +1,5 @@
+<div class="input-group">
+  <input type="text" class="icon" #txtSearch (keyup.enter)="setValueTemp(txtSearch)" [value]="value"
+    placeholder="Search...">
+  <i class="bx bx-search"></i>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/search-input/search-input.component.ts b/src/app/shared/search-input/search-input.component.ts
new file mode 100644
index 0000000..7ad5d3d
--- /dev/null
+++ b/src/app/shared/search-input/search-input.component.ts
@@ -0,0 +1,26 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+
+@Component({
+  selector: 'app-search-input',
+  templateUrl: './search-input.component.html',
+  styleUrls: ['./search-input.component.css']
+})
+export class SearchInputComponent {
+  @Input() value: string = '';
+  @Output() search: EventEmitter<string> = new EventEmitter();
+  private valueTemp: string;
+
+  setValueTemp(element: any): void {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+    this.valueTemp = element.value.trim();
+    if(this.valueTemp !== this.value && this.valueTemp.length > 1) {
+      this.search.emit(this.valueTemp);
+    }
+  }
+
+  emitValue(value: string) {
+    this.search.emit(value);
+  }
+
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 97773bf..3a24e45 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -8,6 +8,7 @@ import { ButtonTopComponent } from './button-top/button-top.component';
 import { ToggleThemeComponent } from './toggle-theme/toggle-theme.component';
 import { NewCardRecentComponent } from './new-card-recent/new-card-recent.component';
 import { NoFeedsComponent } from './no-feeds/no-feeds.component';
+import { SearchInputComponent } from './search-input/search-input.component';
 
 @NgModule({
   declarations: [
@@ -16,6 +17,7 @@ import { NoFeedsComponent } from './no-feeds/no-feeds.component';
     ToggleThemeComponent,
     NewCardRecentComponent,
     NoFeedsComponent,
+    SearchInputComponent,
   ],
   imports: [
     CommonModule,
@@ -26,7 +28,8 @@ import { NoFeedsComponent } from './no-feeds/no-feeds.component';
     NewsContainerComponent,
     ButtonTopComponent,
     ToggleThemeComponent,
-    NoFeedsComponent
+    NoFeedsComponent,
+    SearchInputComponent
   ]
 })
 export class SharedModule { }
diff --git a/src/assets/svg/no-data.svg b/src/assets/svg/no-data.svg
new file mode 100644
index 0000000..790854f
--- /dev/null
+++ b/src/assets/svg/no-data.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="862.70323" height="644.78592" viewBox="0 0 862.70323 644.78592" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="629.943 612.644 612.777 612.644 604.608 546.435 629.943 546.435 629.943 612.644" fill="#9e616a"/><path d="M807.65107,769.99215H795.34112l-2.19727-11.62205-5.62754,11.62205H754.86738A7.33919,7.33919,0,0,1,750.697,756.6135l26.07247-18.00658v-11.7495l27.42368,1.63683Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><polygon points="731.923 590.981 718.148 601.224 672.085 552.969 692.415 537.851 731.923 590.981" fill="#9e616a"/><path d="M925.58816,737.04791,915.71,744.39344l-8.69827-8.015,2.41922,12.68419-26.19923,19.48211a7.33918,7.33918,0,0,1-11.32976-8.24721l10.17712-30.00728-7.0111-9.42842,22.98294-15.05066Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><path d="M818.57583,398.64705s32.56879,28.13791,17.542,108.35207l-18.3454,78.59653,59.8294,99.2561-19.07664,23.20771-77.77961-107.4334-28.18529-66.11365L744.6516,416.843Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><polygon points="599.447 425.746 597.488 456.084 603.483 585.365 631.692 580.452 637.083 488.406 599.447 425.746" fill="#2f2e41"/><polygon points="237.445 628.211 252.796 628.21 260.098 569.001 237.443 569.002 237.445 628.211" fill="#ffb6b6"/><path d="M402.178,750.80612l4.32074-.00018,16.86888-6.86018,9.0412,6.85913H432.41A19.26648,19.26648,0,0,1,451.67546,770.07v.62605l-49.49658.00183Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><polygon points="296.932 618.538 311.905 621.918 332.071 565.772 309.972 560.782 296.932 618.538" fill="#ffb6b6"/><path d="M462.86463,740.39329l4.21465.9516,17.96568-2.97583,7.3082,8.68223.0012.00027a19.26648,19.26648,0,0,1,14.54854,23.03569l-.1379.61067L458.48379,759.7967Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><path d="M386.6516,393.843c-7.19708,21.70636-6.43618,45.268,1.72992,70.55606l3.49087,142.37821S386.67128,700.146,403.4543,733.00177h24.34l12.05112-134.75129,1.5133-90.44591,52.18244,76.30583L460.30462,730.79868l29.9568,2.678,53.93408-159.1909L477.6516,419.843Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><path d="M667.346,332.01487c18.61732-16.77656,46.30893-25.21208,69.53714-15.805a115.466,115.466,0,0,0-51.888,59.93484c-3.6979,9.83846-6.78644,21.16623-15.88188,26.43349-5.65933,3.27753-12.70027,3.4377-19.04568,1.85557-6.34568-1.58237-12.16226-4.75415-17.89913-7.89422l-1.63218-.03691C637.86406,372.53682,648.72872,348.79142,667.346,332.01487Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><path d="M736.75328,316.71942A98.69239,98.69239,0,0,0,681.847,342.64994a42.50049,42.50049,0,0,0-8.34534,10.37667,24.37584,24.37584,0,0,0-2.81751,12.51568c.10054,4.05833.67335,8.19792-.21438,12.21a14.92537,14.92537,0,0,1-7.42454,9.68865c-4.54586,2.613-9.7595,3.43673-14.886,4.0651-5.692.69769-11.61526,1.33219-16.54238,4.5248-.597.38683-1.16231-.56211-.56622-.94836,8.57235-5.5546,19.41969-3.5335,28.63724-7.24065,4.30108-1.72983,8.10691-4.76631,9.454-9.35719,1.17794-4.01452.5909-8.2838.45359-12.39207a26.01068,26.01068,0,0,1,2.299-12.34028,39.29038,39.29038,0,0,1,7.9156-10.65924,95.74917,95.74917,0,0,1,24.3333-17.41978A100.44256,100.44256,0,0,1,736.743,315.61475c.70319-.09065.70886,1.01461.01026,1.10467Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M686.44718,337.79134a14.807,14.807,0,0,1,1.63241-19.1039c.50628-.49873,1.30506.26457.79811.764a13.71094,13.71094,0,0,0-1.48216,17.77371c.41512.5769-.53561,1.13983-.94836.56623Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M670.36216,363.49127a28.53932,28.53932,0,0,0,20.3938-4.08346c.59834-.38471,1.16384.56412.56622.94836a29.68517,29.68517,0,0,1-21.23023,4.20607c-.70085-.12626-.42683-1.19655.27021-1.071Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M714.44656,321.9478a8.38148,8.38148,0,0,0,6.2686,4.89443c.7021.11732.42732,1.18753-.27021,1.071a9.39213,9.39213,0,0,1-6.94675-5.39917.57084.57084,0,0,1,.19107-.7573.55506.55506,0,0,1,.75729.19107Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M762.46124,397.11454c-.44048-.06079-.881-.12157-1.32791-.1756a110.37862,110.37862,0,0,0-17.88208-.90839c-.46221.00673-.93053.02051-1.39159.0405a116.3646,116.3646,0,0,0-41.75015,9.61014,113.00482,113.00482,0,0,0-15.16291,8.0555c-6.68773,4.23438-13.602,9.35764-21.078,11.08459a19.38584,19.38584,0,0,1-2.36217.42086l-30.88864-26.74546c-.03969-.096-.0858-.18531-.12584-.28162l-1.28212-1.01147c.23872-.17556.49008-.35251.72879-.52808.138-.10241.283-.19887.421-.30128.09422-.06639.18881-.13253.27-.19782.03128-.02222.0629-.04413.08811-.05934.08122-.06529.1636-.11732.23871-.17556q2.10345-1.4895,4.23516-2.95463c.00611-.007.00611-.007.0191-.00815a166.15689,166.15689,0,0,1,34.601-18.59939c.36686-.13859.73948-.28453,1.12045-.4109a107.831,107.831,0,0,1,16.93919-4.76651,95.32878,95.32878,0,0,1,9.5528-1.33433,79.272,79.272,0,0,1,24.72335,1.7516c16.14332,3.7433,30.90977,12.60785,39.65578,26.43254C762.02688,396.40555,762.24387,396.75367,762.46124,397.11454Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><path d="M762.05235,397.44645a98.69236,98.69236,0,0,0-59.45156-12.3533A42.50006,42.50006,0,0,0,689.69,388.35387a24.3758,24.3758,0,0,0-9.78493,8.29673c-2.36313,3.30088-4.39808,6.951-7.52245,9.62a14.92533,14.92533,0,0,1-11.76132,3.26575c-5.2028-.6506-9.86156-3.13185-14.3331-5.71664-4.9648-2.86991-10.0762-5.92951-15.93241-6.34685-.70956-.05056-.5896-1.14861.11888-1.09812,10.1888.72611,17.633,8.8707,27.22462,11.46035,4.47564,1.20837,9.34256,1.07528,13.18213-1.77925,3.35754-2.49617,5.45923-6.25839,7.82305-9.62129a26.01082,26.01082,0,0,1,9.26529-8.46889,39.29037,39.29037,0,0,1,12.73777-3.74506,95.74907,95.74907,0,0,1,29.91669.7416,100.44263,100.44263,0,0,1,32.085,11.59611c.616.351-.04488,1.23688-.65689.88819Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M709.199,383.98345a14.807,14.807,0,0,1,12.80526-14.27057c.7045-.09339.88272.997.17729,1.0905a13.711,13.711,0,0,0-11.88443,13.29895c-.01588.71056-1.11391.58761-1.09812-.11888Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M680.88287,394.81911a28.53928,28.53928,0,0,0,18.74183,9.01806c.70936.05308.58963,1.15113-.11888,1.09812a29.68518,29.68518,0,0,1-19.4835-9.42375c-.48357-.52277.37961-1.21236.86055-.69243Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M741.09383,388.19084a8.38147,8.38147,0,0,0,2.05834,7.68205c.49.51638-.37378,1.20545-.86055.69243a9.39216,9.39216,0,0,1-2.29591-8.49336.57082.57082,0,0,1,.6085-.48962.55506.55506,0,0,1,.48962.6085Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M219.92162,754.74293c-1.45,5.44-5.26,9.97-9.86,13.27-.75.54-1.52,1.04-2.3,1.51-.24.14-.48.29-.73.42q-.405.24-.81.45h-21.63c-.39-.79-.77-1.59-1.15-2.38-9.27-19.48-15.78-40.5-14.67-61.91a79.25417,79.25417,0,0,1,5.17-24.25c5.94-15.47,16.78-28.86,31.69-35.6.37-.17.76-.34,1.14-.5-.12.43-.24.85-.36,1.28a110.78533,110.78533,0,0,0-3.38,17.59c-.06.46-.11.92-.15,1.39a116.05427,116.05427,0,0,0,3.72,42.69c.01.03.01995.07.03.1q1.27506,4.605,2.96,9.07c.88,2.35,1.83,4.67,2.87,6.95C216.80163,734.393,222.62157,744.593,219.92162,754.74293Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><path d="M207.04162,646.203c-.21.28-.42005.55-.63.83a98.12885,98.12885,0,0,0-11.12,18.76c-.16.33-.31.66-.44,1a97.8135,97.8135,0,0,0-7.82,29.24,1.49,1.49,0,0,0-.02.21c-.25,2.36005-.4,4.74-.46,7.12a42.48011,42.48011,0,0,0,1.43,13.24,23.7688,23.7688,0,0,0,5.46,9.42c.25.27.5.54.77.8.2.21.42.42.63.62,2.02,1.93,4.23,3.72,6.13,5.79a21.43163,21.43163,0,0,1,2.35,3,14.90407,14.90407,0,0,1,1.6,12.1c-1.36,5.06-4.47,9.33-7.65,13.4-1.59,2.04-3.23,4.1-4.65,6.28-.51995.78-1,1.57-1.43994,2.38h-1.26c.42-.81.88-1.6,1.38-2.38,3.65-5.75,8.84-10.69,11.53-17.02,1.82-4.26995,2.37-9.11.07-13.3a17.68156,17.68156,0,0,0-2.43-3.38c-1.83-2.07-4.02-3.84-6.01-5.71-.5-.47-.99-.95-1.46-1.45a24.96377,24.96377,0,0,1-5.64-8.9,39.23028,39.23028,0,0,1-1.94-13.13c0-2.84.15-5.7.43-8.54.03-.36.07-.73.11-1.1a100.76663,100.76663,0,0,1,19.67-49.23c.2-.28.41-.55.62-.82C206.68163,644.87294,207.47161,645.653,207.04162,646.203Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M186.36526,696.67763a14.807,14.807,0,0,1-12.3542-14.66278.55275.55275,0,0,1,1.10455-.02415,13.711,13.711,0,0,0,11.51986,13.616c.70147.11439.42725,1.18471-.27021,1.071Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M193.164,726.22406a28.5393,28.5393,0,0,0,11.53315-17.308c.15106-.69512,1.22186-.42407,1.071.27021a29.68514,29.68514,0,0,1-12.0379,17.98619c-.58485.40629-1.1479-.54428-.56622-.94836Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M194.96075,665.676a8.38149,8.38149,0,0,0,7.89345-.97168c.57941-.41351,1.14186.53754.56622.94836a9.39215,9.39215,0,0,1-8.72989,1.09429.57082.57082,0,0,1-.40038-.67059.55507.55507,0,0,1,.6706-.40038Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M282.06158,684.87294c-.35.27-.71.54-1.06.82a110.362,110.362,0,0,0-13.29,12c-.32.33-.64.67-.95,1.01l-.01.01a116.347,116.347,0,0,0-22.66,36.14l-.03.09c-.01.03-.02.05-.03.08a114.44321,114.44321,0,0,0-5.03,16.42c-1.22,5.46-2.22,11.31-4.13,16.57-.29.81-.61,1.61-.95,2.38h-44.46c.15-.79.31-1.59.47-2.38a160.30168,160.30168,0,0,1,10.54-33.7c.16-.36.32-.72.5-1.08a108.30478,108.30478,0,0,1,8.61-15.35.0098.0098,0,0,1,.01-.01,94.95585,94.95585,0,0,1,5.8-7.69,79.11871,79.11871,0,0,1,18.72-16.24c.04-.03.09-.05.13-.08,14.04-8.71,30.68-12.86,46.59-9.27h.01C281.25158,684.68294,281.6516,684.773,282.06158,684.87294Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><path d="M282.01159,685.403c-.34.09-.68.19-1.01.29a98.5888,98.5888,0,0,0-20.17,8.27c-.32.17-.64.35-.96.53a98.25544,98.25544,0,0,0-23.79,18.59.035.035,0,0,0-.01.02c-.08.08-.17.17-.24.25-1.6,1.72-3.14,3.51-4.6,5.35a42.769,42.769,0,0,0-6.82,11.43,23.67365,23.67365,0,0,0-1.31,10.81c.03.37.08.73.13,1.1.04.29.08.58.13.88.66,4.01,1.8,8.03,1.48,12.12a14.90913,14.90913,0,0,1-6.01,10.63,23.794,23.794,0,0,1-3.68,2.34,36.85232,36.85232,0,0,1-5.77,2.38h-3.93c.53-.15,1.05-.3,1.58-.45a48.21182,48.21182,0,0,0,5.53-1.93,26.912,26.912,0,0,0,3-1.48c4.02-2.31,7.37005-5.85,8.07-10.58.61-4.14-.57-8.28-1.27-12.33-.12-.7-.23-1.39-.29-2.08a24.43856,24.43856,0,0,1,.85-10.46,39.0623,39.0623,0,0,1,6.36-11.66,83.355,83.355,0,0,1,5.48-6.55q.36-.40494.75-.81a100.901,100.901,0,0,1,24.21-18.73h.01a99.28782,99.28782,0,0,1,21.1-8.74h.01c.33-.1.67-.2,1-.29C282.53161,684.12294,282.69158,685.213,282.01159,685.403Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M235.116,713.25243a14.807,14.807,0,0,1-1.03613-19.1455c.43212-.5642,1.32915.08079.89646.64574A13.711,13.711,0,0,0,235.97653,712.56c.49121.51367-.37215,1.20316-.86055.69243Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M222.75543,740.93692a28.53931,28.53931,0,0,0,19.62921-6.87574c.53912-.46406,1.2309.397.69242.86054a29.68514,29.68514,0,0,1-20.44051,7.11332c-.71159-.02772-.58885-1.12569.11888-1.09812Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M260.64411,693.67444a8.38149,8.38149,0,0,0,6.8875,3.97657c.71159.01869.58807,1.11668-.11888,1.09812a9.39215,9.39215,0,0,1-7.62917-4.38226.57083.57083,0,0,1,.08406-.77649.55507.55507,0,0,1,.77649.08406Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M625.03076,300.73673a11.59945,11.59945,0,0,1-17.7667.83759l-37.80039,16.44009,3.682-21.10161,35.3314-12.37668a11.66235,11.66235,0,0,1,16.55372,16.20061Z" transform="translate(-168.64838 -127.60704)" fill="#ffb8b8"/><path d="M599.80571,307.32525l-87.7976,39.10831-.18835-.06738-100.067-35.65889a32.95966,32.95966,0,0,1-14.78168-42.75569h0a32.92423,32.92423,0,0,1,46.9872-14.63652l74.4685,44.85908,72.21121-9.35878Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><path d="M1031.35162,771.203a1.1865,1.1865,0,0,1-1.19,1.19h-860.29a1.19,1.19,0,0,1,0-2.38h860.29A1.1865,1.1865,0,0,1,1031.35162,771.203Z" transform="translate(-168.64838 -127.60704)" fill="#ccc"/><path d="M481.99193,424.40352l-88.50585-14.15674a16.89334,16.89334,0,0,1-9.95557-23.646l4.01367-8.02832-1.55908-84.34668A62.48156,62.48156,0,0,1,416.32152,239.572l8.63086-5.16064,4.36182-11.07666,40.22022.981.11718,14.52734,14.40381,22.96826-.00049.09522-.90381,125.01367-3.96972,12.90137,6.00244,15.00586Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><circle cx="284.4591" cy="45.40997" r="36.54413" fill="#ffb8b8"/><path d="M415.05385,180.98352c-1.09-4.59187-.58956-11.05349.02641-15.677,1.61485-12.12129,8.3464-23.64474,18.57336-30.47048a13.37957,13.37957,0,0,1,6.66453-2.64845c2.41939-.101,5.04189,1.19418,5.78465,3.499a11.99254,11.99254,0,0,1,6.76552-6.709,21.1355,21.1355,0,0,1,9.63075-1.29746,35.19728,35.19728,0,0,1,29.36306,20.98947c.97609,2.3188,3.70246-6.24621,4.93916-4.05528a9.7407,9.7407,0,0,0,5.52388,4.85342c2.4233.67619,3.40756,10.66034,4.3612,8.33222a11.0984,11.0984,0,0,1-10.61055,15.47525c-2.46642-.09228-4.82489-.99947-7.262-1.39-8.71512-1.39642-17.96,4.92316-19.82312,13.55058a23.98689,23.98689,0,0,0-3.15565-7.021,8.1187,8.1187,0,0,0-6.51321-3.57866c-2.47957.09278-4.6591,1.7139-6.26793,3.60295s-2.81713,4.093-4.43782,5.97186c-4.7555,5.513-11.18745,18.3697-17.96453,17.432C425.30335,201.103,416.54206,187.25309,415.05385,180.98352Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><path d="M674.01238,342.14754a7.1328,7.1328,0,0,0-4.80706-7.85363l-98.41317-32.77709a7.13219,7.13219,0,0,0-2.933-.3368l-24.66687,2.33267-14.15377,1.34255-26.11867,2.46833a7.15519,7.15519,0,0,0-6.38357,5.98973l-13.26135,82.8376a7.18646,7.18646,0,0,0,4.48439,7.79592l99.4404,38.38442a6.94669,6.94669,0,0,0,1.44636.38836,7.13621,7.13621,0,0,0,2.17571.01648l64.25546-9.52349a7.12057,7.12057,0,0,0,6.023-5.99919Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><path d="M490.01349,398.1102l99.44009,38.38234a.89711.89711,0,0,0,.457.05366l64.247-9.52224a.88347.88347,0,0,0,.7549-.75161l12.91979-85.06677a.90469.90469,0,0,0-.59937-.98151l-.66169-.22392-97.75762-32.54588a.67787.67787,0,0,0-.13742-.03318.88732.88732,0,0,0-.23-.01192l-60.16426,5.6932-4.77428.44794a.90314.90314,0,0,0-.7947.74781l-13.259,82.83439A.89735.89735,0,0,0,490.01349,398.1102Z" transform="translate(-168.64838 -127.60704)" fill="#0098fa"/><path d="M508.28194,313.10237l60.16426-5.6932a.88732.88732,0,0,1,.23.01192.67787.67787,0,0,1,.13742.03318l97.75762,32.54588-25.78658,2.72965-9.65046,1.01669-27.46045,2.90123a1.939,1.939,0,0,1-.24081-.0029c-.04881-.01472-.09762-.02944-.15639-.04511Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><path d="M487.75761,403.95209l99.44009,38.38233a6.72242,6.72242,0,0,0,1.4505.37968,7.22358,7.22358,0,0,0,2.17727.02722l64.247-9.52224a7.13521,7.13521,0,0,0,6.02839-6.00387l12.90982-85.06772a7.19014,7.19014,0,0,0-.4184-3.71669c-.06533-.15688-.13072-.31384-.207-.46172a6.99031,6.99031,0,0,0-2.26369-2.69758,7.13789,7.13789,0,0,0-1.91579-.97662l-.11659-.04131-98.29175-32.73751a8.95539,8.95539,0,0,0-1.22721-.29807,7.08573,7.08573,0,0,0-1.71463-.03323l-24.66295,2.32468-14.15253,1.35L502.917,307.3259a7.09173,7.09173,0,0,0-3.01853.99744,1.32948,1.32948,0,0,0-.20245.12125,1.1922,1.1922,0,0,0-.12992.09813,7.14818,7.14818,0,0,0-3.02682,4.76367l-13.2699,82.84346A7.19418,7.19418,0,0,0,487.75761,403.95209Zm10.54219-90.35694a5.29965,5.29965,0,0,1,1.26984-2.6713,4.65147,4.65147,0,0,1,.67571-.65875,5.31719,5.31719,0,0,1,2.32365-1.08389,4.059,4.059,0,0,1,.50915-.07189l43.98466-4.15521,20.96479-1.995c.14217-.01658.27254-.01418.40386-.02168a5.00673,5.00673,0,0,1,.94761.07043,4.14489,4.14489,0,0,1,.84467.20125l98.4084,32.77882c.07775.02754.14554.05407.22323.0816a5.218,5.218,0,0,1,2.27305,1.6537,5.25912,5.25912,0,0,1,1.12074,4.14541l-12.92068,85.07674a5.34916,5.34916,0,0,1-4.5086,4.50155l-64.257,9.52134a5.41346,5.41346,0,0,1-2.72281-.31038l-99.441-38.37237a5.40237,5.40237,0,0,1-3.35921-5.846Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><path d="M499.35216,308.99439a.87724.87724,0,0,1,.268-.38623,1.05132,1.05132,0,0,1,.129-.08817c.04169-.01607.08434-.04216.12611-.05828a.87349.87349,0,0,1,.62383-.01066l2.06994.73016,101.1157,35.66943,23.66513-2.5004,13.24288-1.39675,28.02932-2.96742,2.50639-.26279.48732-.05387a.9043.9043,0,0,1,.95216.65352.73938.73938,0,0,1,.02649.14313.893.893,0,0,1-.55014.92188.98843.98843,0,0,1-.24752.06673l-3.40944.35738-27.60268,2.91775-9.65046,1.01669-27.46045,2.90123a1.939,1.939,0,0,1-.24081-.0029c-.04881-.01472-.09762-.02944-.15639-.04511L500.24535,310.2651l-.3498-.1238a.67025.67025,0,0,1-.21942-.12146A.91016.91016,0,0,1,499.35216,308.99439Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><path d="M588.91905,442.97456a.89376.89376,0,0,1-.74251-1.01574l14.51687-96.33414a.894.894,0,0,1,1.017-.75056l.008.00129a.89377.89377,0,0,1,.74252,1.01574l-14.51687,96.33414a.894.894,0,0,1-1.017.75055Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><path d="M625.716,436.86342l-9.6548,1.01888,11.29337-95.5347s12.89458-2.33464,13.23951-1.39846C640.80631,341.50808,625.80805,436.25066,625.716,436.86342Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><polygon points="331.25 182.533 330.99 226.1 408.116 255.488 435.813 218.284 331.25 182.533" fill="#3f3d56"/><path d="M671.13144,337.72465a5.30105,5.30105,0,0,0-2.49688-1.73654l-98.40594-32.7777a5.10582,5.10582,0,0,0-.848-.20665,5.00894,5.00894,0,0,0-.95065-.07115l.15966-.99731.98511-.71323,23.36822-16.9188,78.04053,23.91705.13549,27.05154Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><path d="M503.829,380.07963a1.51326,1.51326,0,0,1,.326.06843l30.19365,9.91686a1.50014,1.50014,0,0,1-.93555,2.85069l-30.19364-9.91685a1.50039,1.50039,0,0,1,.60952-2.91913Z" transform="translate(-168.64838 -127.60704)" fill="#fff"/><circle cx="457.00322" cy="423.23593" r="12" fill="#f2f2f2"/><circle cx="151.00322" cy="467.23593" r="12" fill="#f2f2f2"/><circle cx="401.00322" cy="70.23593" r="12" fill="#f2f2f2"/><path d="M589.34024,397.72852A11.59947,11.59947,0,0,1,573.433,389.7714L532.421,385.62792l13.53022-16.60628,36.87128,6.48065a11.66236,11.66236,0,0,1,6.5177,22.22623Z" transform="translate(-168.64838 -127.60704)" fill="#ffb8b8"/><path d="M564.115,391.14082l-95.70849-8.81836-.13135-.15088L398.42455,302.135a32.95967,32.95967,0,0,1,8.01319-44.52344h0a32.92425,32.92425,0,0,1,48.14355,10.209l43.02246,75.54443,67.56543,27.147Z" transform="translate(-168.64838 -127.60704)" fill="#e6e6e6"/><path d="M804.33859,237.22376c-2.37688-17.43387-5.35788-36.15172-17.65411-48.7369a41.34992,41.34992,0,0,0-59.74384.61837c-8.95079,9.54876-12.90365,22.95672-13.2654,36.03983s2.55205,26.02081,5.78442,38.70347a119.28958,119.28958,0,0,0,49.78577-9.79937c3.92617-1.70407,7.789-3.63056,11.93689-4.68634,4.14784-1.05571,7.10454,1.60088,10.96292,3.45335l2.118-4.05545c1.73377,3.22659,7.10244,2.27017,9.04978-.83224C805.26007,244.82608,804.83352,240.853,804.33859,237.22376Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/><path d="M736.532,334.53244l-69.876,1.49441a11.05455,11.05455,0,1,0-4.93974,15.57383c9.26761.52674,81.77191,10.81733,86.0974,4.18549,4.39027-6.73106,27.82423-30.48612,27.82423-30.48612l-18.01271-25.64378Z" transform="translate(-168.64838 -127.60704)" fill="#9e616a"/><circle cx="584.91096" cy="94.03525" r="32.83012" fill="#9e616a"/><path d="M599.36147,299.184" transform="translate(-168.64838 -127.60704)" fill="#0098fa"/><path d="M806.14195,284.81075c-3.86888-7.69981-5.74873-17.212-13.99671-19.70823-5.56965-1.68563-28.09691.84048-33.17312,3.6859-8.44356,4.73313-.79189,13.60234-5.77332,21.90214-5.41517,9.02271-20.132,27.12978-25.5472,36.15241-3.72279,6.20279,8.8171,24.40947,6.80408,31.358-2.01273,6.94848-2.10962,14.74736,1.31952,21.11722,3.06888,5.70141-1.37137,10.745,1.71521,16.437,3.20957,5.91962,7.14849,28.05274,4.16119,34.08785l-2,6c19.84682,1.16609,36.53459-22.54427,56.25813-25.04188,4.89894-.62032,9.98565-1.43073,14.02251-4.27435,5.94639-4.18864,8.29717-11.78923,9.76638-18.91282A159.32576,159.32576,0,0,0,806.14195,284.81075Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><path d="M835.89793,366.11245c-2.76443-7.54563-7.769-40.5366-7.769-40.5366l-31.32417-.91848,15.31443,37.772-41.79036,58.50283s.07739.12853.21808.35778a11.052,11.052,0,1,0,9.26964,11.74483.76305.76305,0,0,0,.95807-.16445C785.42465,427.035,838.66236,373.65815,835.89793,366.11245Z" transform="translate(-168.64838 -127.60704)" fill="#9e616a"/><path d="M839.0826,345.27741c-2.87511-12.13478-5.77152-24.33549-10.61887-35.82566s-11.78661-22.34286-21.54669-30.10543c-3.12048-2.48179-6.609-4.67232-10.52078-5.44389-3.91147-.77165-8.31967.09193-11.0667,2.98137-4.39621,4.62357-3.07339,12.0451-1.4611,18.21781Q791,322.40224,798.13123,349.70286q20.59418-2.18287,41.188-4.36591Z" transform="translate(-168.64838 -127.60704)" fill="#3f3d56"/><path d="M793.7871,226.19592c-1.20908-7.942-2.47188-15.95043-5.31228-23.42857-2.8404-7.47821-7.41882-14.48249-13.98647-18.71882-10.39879-6.70709-23.862-5.41352-35.52074-1.55544-9.01622,2.9837-17.81761,7.51864-24.17574,14.8093-6.35848,7.29074-9.92957,17.69379-7.56439,27.22665q18.65464-4.40738,37.30893-8.81483l-1.36137.962a30.03765,30.03765,0,0,1,16.03083,20.8927,31.12209,31.12209,0,0,1-6.56554,25.84773q12.72244-4.51323,25.44489-9.0263c5.23526-1.85713,10.83833-3.997,13.94267-8.76047C795.62723,240.107,794.79091,232.78685,793.7871,226.19592Z" transform="translate(-168.64838 -127.60704)" fill="#2f2e41"/></svg>
\ No newline at end of file
diff --git a/src/styles.css b/src/styles.css
index ec91a35..4e3a71e 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -34,6 +34,7 @@ body.dark {
   --bg-skeleton-2: #2e2c2c;
   --text-shadow-color: #000000;
   --bg-blur: hsla(0, 0%, 10%, 0.6);
+  --border-input: 1px solid #333639;
 }
 
 :root {
@@ -53,6 +54,7 @@ body.dark {
   --bg-skeleton-2: #cdcdcd;
   --text-shadow-color: #e6e6e6;
   --bg-blur: hsla(0, 0%, 100%, 0.8);
+  --border-input: none;
 }
 
 ::-webkit-scrollbar {
diff --git a/tsconfig.json b/tsconfig.json
index 9ad0d3f..af559cf 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,7 +8,7 @@
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
+    "noImplicitReturns": false,
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,