From cb72521811ae2a59fbb171d3f6d797c50d90eb44 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Thu, 9 Jul 2026 17:48:58 +0500
Subject: [PATCH 01/14] [logic-and-ui-improves] change components without
 colors

---
 src/components/AmountInput/AmountInput.tsx    |   2 +-
 .../AutoHeightToggle/AutoHeightToggle.tsx     |  34 +-
 src/components/Bone/Bone.tsx                  |  22 +-
 .../ButtonBase/ButtonBase.module.scss         |   1 -
 src/components/ButtonBase/ButtonBase.tsx      |   9 +-
 .../ButtonRangePicker.module.scss             |   3 -
 .../ButtonRangePicker/ButtonRangePicker.tsx   |  22 +-
 src/components/ButtonRangePicker/messages.ts  |   2 +-
 src/components/Chart/Chart.tsx                |  39 +-
 .../Chart/ExtraRewards/ExtraRewards.tsx       | 330 ++++++++++++++++
 src/components/Chart/ExtraRewards/messages.ts |  38 ++
 src/components/Chart/Legend/Amount/Amount.tsx |  26 +-
 src/components/Chart/Legend/Legend.tsx        |   4 +-
 .../Chart/Legend/Percentage/Percentage.tsx    |   4 +-
 src/components/Chart/Legend/Time/Time.tsx     |   6 +-
 src/components/Chart/NoItems/NoItems.tsx      |   7 +-
 src/components/Chart/Skeleton/Skeleton.tsx    |   8 +-
 src/components/Chart/util/global.d.ts         |  14 +
 src/components/Chart/util/useCreateChart.ts   |   2 +-
 src/components/Chart/util/useSeries.ts        |  60 ---
 src/components/Chart/util/useSettings.ts      |  94 -----
 src/components/Counter/Counter.module.scss    |  21 +-
 src/components/Counter/Counter.tsx            |   8 +-
 .../DatePicker/Calendar/Calendar.tsx          | 270 ++++++-------
 .../Day.module.scss => Cell/Cell.module.scss} |   0
 .../Calendar/{Day/Day.tsx => Cell/Cell.tsx}   |  16 +-
 .../Days.module.scss}                         |   0
 .../DatePicker/Calendar/Days/Days.tsx         |  88 +++++
 .../DatePicker/Calendar/Header/Header.tsx     |  83 ++++
 .../DatePicker/Calendar/Months/Months.tsx     |  57 +++
 .../DatePicker/Calendar/Years/Years.tsx       |  51 +++
 .../DatePicker/Calendar/util/useDays.ts       | 128 +++---
 src/components/DatePicker/DatePicker.tsx      |  19 +-
 src/components/Dropdown/Dropdown.tsx          |  25 +-
 .../DropdownView/Dropdown.module.scss         |  10 +
 .../Dropdown/DropdownView/DropdownView.tsx    |  25 +-
 src/components/Dropdown/Option/Option.tsx     |  14 +-
 .../Option/OptionTitle/OptionTitle.tsx        |   4 +-
 src/components/Form/Form.tsx                  |   4 +-
 src/components/FormValid/FormValid.tsx        |   9 +-
 src/components/Href/Href.tsx                  |  18 +-
 src/components/Icon/Icon.module.scss          |   8 +-
 src/components/Icon/Icon.tsx                  |  18 +-
 src/components/Image/Image.tsx                |   2 +-
 src/components/Image/util/images.ts           |  79 +++-
 .../ImagesProvider/images/connector/MMI.svg   |  31 --
 .../images/connector/braveBrowser.svg         |  24 --
 .../images/connector/ledgerLive.svg           |   1 -
 .../images/connector/metamask.svg             |  31 --
 .../images/connector/monitorAddress.svg       | 103 +----
 .../ImagesProvider/images/connector/okx.svg   |   1 -
 .../images/connector/portis.svg               |  16 -
 .../ImagesProvider/images/connector/rabby.svg |  24 --
 .../ImagesProvider/images/connector/taho.svg  |   4 -
 .../images/connector/trustWallet.svg          |   4 -
 .../ImagesProvider/images/connector/zengo.svg |  19 -
 .../ImagesProvider/images/currency/aud.svg    |   6 +-
 .../ImagesProvider/images/currency/cny.svg    |   6 +-
 .../ImagesProvider/images/currency/eur.svg    |   4 +-
 .../ImagesProvider/images/currency/gbp.svg    |   6 +-
 .../ImagesProvider/images/currency/jpy.svg    |   4 +-
 .../ImagesProvider/images/currency/krw.svg    |   5 +-
 .../ImagesProvider/images/currency/usd.svg    |   4 +-
 .../ImagesProvider/images/icon/actions.svg    |   6 +
 .../ImagesProvider/images/icon/arrow.svg      |   5 +
 .../ImagesProvider/images/icon/book.svg       |   5 +
 .../ImagesProvider/images/icon/calendar.svg   |   9 +-
 .../ImagesProvider/images/icon/caret.svg      |   3 +
 .../ImagesProvider/images/icon/chats.svg      |   3 +
 .../ImagesProvider/images/icon/check.svg      |   5 +-
 .../ImagesProvider/images/icon/close.svg      |   5 +-
 .../ImagesProvider/images/icon/collapse.svg   |   6 +
 .../ImagesProvider/images/icon/control.svg    |  11 +
 .../ImagesProvider/images/icon/copy.svg       |   5 +-
 .../ImagesProvider/images/icon/dao.svg        |   7 +
 .../ImagesProvider/images/icon/dots.svg       |   5 +
 .../ImagesProvider/images/icon/earth.svg      |   6 +-
 .../ImagesProvider/images/icon/edit.svg       |   5 +
 .../ImagesProvider/images/icon/email.svg      |   3 +
 .../ImagesProvider/images/icon/filter.svg     |   3 +
 .../ImagesProvider/images/icon/gas.svg        |   8 +-
 .../ImagesProvider/images/icon/gear.svg       |   4 +-
 .../ImagesProvider/images/icon/home.svg       |   4 +-
 .../ImagesProvider/images/icon/info.svg       |   4 +-
 .../ImagesProvider/images/icon/lamp.svg       |   4 +
 .../ImagesProvider/images/icon/link.svg       |   8 +-
 .../ImagesProvider/images/icon/loader.svg     |  18 +-
 .../ImagesProvider/images/icon/lock.svg       |   3 +
 .../ImagesProvider/images/icon/longArrow.svg  |   4 +
 .../ImagesProvider/images/icon/metaVault.svg  |   7 +
 .../ImagesProvider/images/icon/minus.svg      |   3 +
 .../ImagesProvider/images/icon/money.svg      |   9 +-
 .../images/icon/notification.svg              |   6 +
 .../ImagesProvider/images/icon/percent.svg    |   5 +
 .../ImagesProvider/images/icon/plus.svg       |   5 +-
 .../ImagesProvider/images/icon/plusThin.svg   |   1 +
 .../ImagesProvider/images/icon/question.svg   |   4 -
 .../ImagesProvider/images/icon/rewards.svg    |   6 +
 .../ImagesProvider/images/icon/scrollUp.svg   |   5 +-
 .../ImagesProvider/images/icon/search.svg     |   6 +-
 .../ImagesProvider/images/icon/send.svg       |   4 +
 .../ImagesProvider/images/icon/share.svg      |   5 +
 .../ImagesProvider/images/icon/shield.svg     |   5 +
 .../ImagesProvider/images/icon/storage.svg    |   3 +
 .../ImagesProvider/images/icon/support.svg    |   7 +
 .../ImagesProvider/images/icon/theme.svg      |  14 +-
 .../ImagesProvider/images/icon/token.svg      |   3 +
 .../ImagesProvider/images/icon/trash.svg      |   5 +
 .../ImagesProvider/images/icon/undo.svg       |   1 +
 .../ImagesProvider/images/icon/up.svg         |   3 -
 .../ImagesProvider/images/icon/upload.svg     |   8 +-
 .../ImagesProvider/images/icon/user.svg       |   3 +
 .../ImagesProvider/images/icon/users.svg      |   6 +
 .../ImagesProvider/images/icon/validators.svg |   3 +
 .../images/icon/vaultDeposit.svg              |  10 +
 .../ImagesProvider/images/icon/warning.svg    |   6 +-
 .../ImagesProvider/images/image/cancel.svg    |   1 +
 .../ImagesProvider/images/image/error.svg     |  20 +-
 .../ImagesProvider/images/image/file.svg      |  23 ++
 .../images/image/information.svg              |  20 +-
 .../ImagesProvider/images/image/party.svg     |  13 +
 .../ImagesProvider/images/image/progress.svg  |   1 +
 .../ImagesProvider/images/image/success.svg   |  20 +-
 .../ImagesProvider/images/image/warning.svg   |  13 +
 src/components/ImagesProvider/images/index.ts | 142 +++++--
 .../ImagesProvider/images/language/de.svg     |  27 +-
 .../ImagesProvider/images/language/en.svg     |  35 +-
 .../ImagesProvider/images/language/es.svg     | 370 ++++++++++++++++--
 .../ImagesProvider/images/language/fr.svg     |  27 +-
 .../ImagesProvider/images/language/pt.svg     | 141 ++++++-
 .../ImagesProvider/images/language/ru.svg     |  27 +-
 .../ImagesProvider/images/language/zh.svg     |  30 +-
 .../images/network/arbitrum.svg               |  16 +
 .../ImagesProvider/images/social/discord.svg  |   3 +
 .../images/social/discordLine.svg             |   3 +
 .../ImagesProvider/images/social/facebook.svg |   3 +
 .../images/social/facebookLine.svg            |   3 +
 .../ImagesProvider/images/social/telegram.svg |   3 +
 .../images/social/telegramLine.svg            |   4 +
 .../ImagesProvider/images/social/twitter.svg  |   3 +
 .../images/social/twitterLine.svg             |   5 +
 .../ImagesProvider/images/theme/moon.svg      | 242 +-----------
 .../ImagesProvider/images/theme/sun.svg       | 125 +-----
 .../ImagesProvider/images/token/ETH-dark.svg  |  15 +
 .../ImagesProvider/images/token/GNO-dark.svg  |   6 +
 src/components/Input/Input.tsx                |  59 ++-
 .../Input/InputButton/InputButton.tsx         |   4 +-
 .../Input/InputView/InputView.module.scss     |  17 +-
 src/components/Input/InputView/InputView.tsx  | 157 +++++---
 src/components/Logo/Logo.tsx                  |  31 +-
 src/components/Modal/Content/Content.tsx      |   4 +-
 src/components/Modal/Content/Title/Title.tsx  |   2 +-
 src/components/Modal/Modal.module.scss        |  24 +-
 src/components/Modal/Modal.tsx                |  30 +-
 src/components/Modal/util/useOverlayClick.ts  |   4 +-
 .../Notification/Notification.module.scss     |  36 +-
 src/components/Notification/Notification.tsx  |   9 +-
 src/components/PopupInfo/PopupInfo.tsx        |   6 +-
 src/components/Select/Select.tsx              |   2 +-
 .../Select/SelectButton/SelectButton.tsx      |  15 +-
 .../Select/SelectView/SelectView.tsx          |   6 +-
 .../SelectWithLabelButton.tsx                 |  33 +-
 src/components/TabsView/TabsView.tsx          |  12 +-
 src/components/Text/Text.tsx                  |  46 +--
 .../TextWithTooltip/TextWithTooltip.tsx       |  45 +--
 src/components/Token/Token.tsx                |   3 +-
 src/components/TokenAmount/TokenAmount.tsx    |  12 +-
 .../TokenAmountInput/Balance/Balance.tsx      |  63 ---
 .../TokenAmountInput/Balance/messages.ts      |  20 -
 .../TokenAmountInput/Input/Input.tsx          |  69 ----
 .../TokenAmountInput/Token/Token.tsx          |  38 --
 .../TokenAmountInput/TokenAmountInput.tsx     |   6 +-
 .../TokenAmountInputView/Balance/Balance.tsx  |  65 +--
 .../TokenAmountInputView/Balance/messages.ts  |   2 +-
 .../TokenAmountInputView.tsx                  |  58 ++-
 src/components/Tooltip/Tooltip.tsx            |   2 +-
 .../TransactionView/TransactionView.tsx       |   8 +-
 .../Transactions/TransactionView/messages.ts  |   2 +-
 .../Transactions/Transactions.module.scss     |   2 +-
 src/components/Transactions/util/index.ts     |   2 +-
 src/components/Transactions/util/useAction.ts |   2 +-
 181 files changed, 2698 insertions(+), 1808 deletions(-)
 delete mode 100644 src/components/ButtonRangePicker/ButtonRangePicker.module.scss
 create mode 100644 src/components/Chart/ExtraRewards/ExtraRewards.tsx
 create mode 100644 src/components/Chart/ExtraRewards/messages.ts
 delete mode 100644 src/components/Chart/util/useSeries.ts
 delete mode 100644 src/components/Chart/util/useSettings.ts
 rename src/components/DatePicker/Calendar/{Day/Day.module.scss => Cell/Cell.module.scss} (100%)
 rename src/components/DatePicker/Calendar/{Day/Day.tsx => Cell/Cell.tsx} (73%)
 rename src/components/DatePicker/Calendar/{Calendar.module.scss => Days/Days.module.scss} (100%)
 create mode 100644 src/components/DatePicker/Calendar/Days/Days.tsx
 create mode 100644 src/components/DatePicker/Calendar/Header/Header.tsx
 create mode 100644 src/components/DatePicker/Calendar/Months/Months.tsx
 create mode 100644 src/components/DatePicker/Calendar/Years/Years.tsx
 delete mode 100644 src/components/ImagesProvider/images/connector/MMI.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/braveBrowser.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/metamask.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/okx.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/portis.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/rabby.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/taho.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/trustWallet.svg
 delete mode 100644 src/components/ImagesProvider/images/connector/zengo.svg
 create mode 100644 src/components/ImagesProvider/images/icon/actions.svg
 create mode 100644 src/components/ImagesProvider/images/icon/arrow.svg
 create mode 100644 src/components/ImagesProvider/images/icon/book.svg
 create mode 100644 src/components/ImagesProvider/images/icon/caret.svg
 create mode 100644 src/components/ImagesProvider/images/icon/chats.svg
 create mode 100644 src/components/ImagesProvider/images/icon/collapse.svg
 create mode 100644 src/components/ImagesProvider/images/icon/control.svg
 create mode 100644 src/components/ImagesProvider/images/icon/dao.svg
 create mode 100644 src/components/ImagesProvider/images/icon/dots.svg
 create mode 100644 src/components/ImagesProvider/images/icon/edit.svg
 create mode 100644 src/components/ImagesProvider/images/icon/email.svg
 create mode 100644 src/components/ImagesProvider/images/icon/filter.svg
 create mode 100644 src/components/ImagesProvider/images/icon/lamp.svg
 create mode 100644 src/components/ImagesProvider/images/icon/lock.svg
 create mode 100644 src/components/ImagesProvider/images/icon/longArrow.svg
 create mode 100644 src/components/ImagesProvider/images/icon/metaVault.svg
 create mode 100644 src/components/ImagesProvider/images/icon/minus.svg
 create mode 100644 src/components/ImagesProvider/images/icon/notification.svg
 create mode 100644 src/components/ImagesProvider/images/icon/percent.svg
 create mode 100644 src/components/ImagesProvider/images/icon/plusThin.svg
 delete mode 100644 src/components/ImagesProvider/images/icon/question.svg
 create mode 100644 src/components/ImagesProvider/images/icon/rewards.svg
 create mode 100644 src/components/ImagesProvider/images/icon/send.svg
 create mode 100644 src/components/ImagesProvider/images/icon/share.svg
 create mode 100644 src/components/ImagesProvider/images/icon/shield.svg
 create mode 100644 src/components/ImagesProvider/images/icon/storage.svg
 create mode 100644 src/components/ImagesProvider/images/icon/support.svg
 create mode 100644 src/components/ImagesProvider/images/icon/token.svg
 create mode 100644 src/components/ImagesProvider/images/icon/trash.svg
 create mode 100644 src/components/ImagesProvider/images/icon/undo.svg
 delete mode 100644 src/components/ImagesProvider/images/icon/up.svg
 create mode 100644 src/components/ImagesProvider/images/icon/user.svg
 create mode 100644 src/components/ImagesProvider/images/icon/users.svg
 create mode 100644 src/components/ImagesProvider/images/icon/validators.svg
 create mode 100644 src/components/ImagesProvider/images/icon/vaultDeposit.svg
 create mode 100644 src/components/ImagesProvider/images/image/cancel.svg
 create mode 100644 src/components/ImagesProvider/images/image/file.svg
 create mode 100644 src/components/ImagesProvider/images/image/party.svg
 create mode 100644 src/components/ImagesProvider/images/image/progress.svg
 create mode 100644 src/components/ImagesProvider/images/image/warning.svg
 create mode 100644 src/components/ImagesProvider/images/network/arbitrum.svg
 create mode 100644 src/components/ImagesProvider/images/social/discord.svg
 create mode 100644 src/components/ImagesProvider/images/social/discordLine.svg
 create mode 100644 src/components/ImagesProvider/images/social/facebook.svg
 create mode 100644 src/components/ImagesProvider/images/social/facebookLine.svg
 create mode 100644 src/components/ImagesProvider/images/social/telegram.svg
 create mode 100644 src/components/ImagesProvider/images/social/telegramLine.svg
 create mode 100644 src/components/ImagesProvider/images/social/twitter.svg
 create mode 100644 src/components/ImagesProvider/images/social/twitterLine.svg
 create mode 100644 src/components/ImagesProvider/images/token/ETH-dark.svg
 create mode 100644 src/components/ImagesProvider/images/token/GNO-dark.svg
 delete mode 100644 src/components/TokenAmountInput/Balance/Balance.tsx
 delete mode 100644 src/components/TokenAmountInput/Balance/messages.ts
 delete mode 100644 src/components/TokenAmountInput/Input/Input.tsx
 delete mode 100644 src/components/TokenAmountInput/Token/Token.tsx

diff --git a/src/components/AmountInput/AmountInput.tsx b/src/components/AmountInput/AmountInput.tsx
index 53dcf60d..35a42089 100644
--- a/src/components/AmountInput/AmountInput.tsx
+++ b/src/components/AmountInput/AmountInput.tsx
@@ -35,7 +35,7 @@ const AmountInput: React.FC<AmountInputProps> = (props) => {
 
   return (
     <input
-      className={cx(s.input, className, 'w-full', {
+      className={cx(s.input, className, 'w-full font-medium', {
         'text-dark': !error,
         'text-error': error,
         'text-h20': !isDesktop,
diff --git a/src/components/AutoHeightToggle/AutoHeightToggle.tsx b/src/components/AutoHeightToggle/AutoHeightToggle.tsx
index 690040b9..0e1731c6 100644
--- a/src/components/AutoHeightToggle/AutoHeightToggle.tsx
+++ b/src/components/AutoHeightToggle/AutoHeightToggle.tsx
@@ -1,5 +1,5 @@
-import React, { useRef } from 'react'
-import { useIsomorphicLayoutEffect } from 'hooks'
+import React, { useCallback, useRef } from 'react'
+import { useEventListener, useIsomorphicLayoutEffect } from 'hooks'
 import cx from 'classnames'
 
 import s from './AutoHeightToggle.module.scss'
@@ -22,31 +22,31 @@ const AutoHeightToggle: React.FC<AutoHeightToggleProps> = (props) => {
   const childrenRef = useRef<HTMLDivElement>(null)
   const containerRef = useRef<HTMLDivElement>(null)
 
-  useIsomorphicLayoutEffect(() => {
-    const isInit = containerRef.current && contentRef.current && childrenRef.current
-
-    if (!isInit) {
+  const updateHeight = useCallback(() => {
+    if (!containerRef.current || !childrenRef.current) {
       return
     }
 
-    if (isOpen) {
-      const contentHeight = contentRef.current?.clientHeight as number
-      const containerHeight = childrenRef.current?.clientHeight as number
-      const marginTop = parseFloat(getComputedStyle(contentRef.current as HTMLDivElement).marginTop)
+    if (isOpen && contentRef.current) {
+      const contentHeight = contentRef.current.clientHeight
+      const childrenHeight = childrenRef.current.clientHeight
+      const marginTop = parseFloat(getComputedStyle(contentRef.current).marginTop)
 
-      if (containerRef.current) {
-        containerRef.current.style.height = `calc(${padding * 2}px + ${contentHeight + containerHeight + marginTop}px)`
-      }
+      containerRef.current.style.height = `calc(${padding * 2}px + ${contentHeight + childrenHeight + marginTop}px)`
     }
     else {
-      const height = childrenRef.current?.clientHeight
+      const height = childrenRef.current.clientHeight
 
-      if (containerRef.current) {
-        containerRef.current.style.height = `calc(${padding * 2}px + ${height}px)`
-      }
+      containerRef.current.style.height = `calc(${padding * 2}px + ${height}px)`
     }
+  }, [ isOpen, padding ])
+
+  useIsomorphicLayoutEffect(() => {
+    updateHeight()
   }, [ isOpen, toggleContent ])
 
+  useEventListener('resize', updateHeight)
+
   const containerClassName = cx(className, s.container, `p-${padding} relative`)
 
   const toggleContentClassName = cx(contentClassName, s.content, {
diff --git a/src/components/Bone/Bone.tsx b/src/components/Bone/Bone.tsx
index 494d6254..eb7088ef 100644
--- a/src/components/Bone/Bone.tsx
+++ b/src/components/Bone/Bone.tsx
@@ -47,26 +47,34 @@ const Bone: React.FC<BoneProps> = (props: any) => {
     }
   }, [ aspect ])
 
-  const boneClassName = cx(s.bone, s[`delay-${delay}`], className, {
-    'relative': !/absolute/.test(className || ''),
-    'rounded-4': !/rounded/.test(className || ''),
+  const textSizeClassName = cx({
     [`text-${textSize}`]: textSize,
     'w-full': wFull,
   })
 
+  const boneClassName = cx(s.bone, s[`delay-${delay}`], className, textSizeClassName, {
+    'relative': !/absolute/.test(className || ''),
+    'rounded-4': !/rounded/.test(className || ''),
+  })
+
   if (textSize) {
     return (
       <div
-        className={boneClassName}
+        className={cx(className, textSizeClassName)}
         style={style}
-        dangerouslySetInnerHTML={{ __html: Boolean(textSize) ? '&nbsp;' : '' }}
-      />
+      >
+        <div
+          className={cx(boneClassName, 'leading-[1] inline-block')}
+          style={style}
+          dangerouslySetInnerHTML={{ __html: '&nbsp;' }}
+        />
+      </div>
     )
   }
 
   return (
     <div
-      className={boneClassName}
+      className={cx(className, boneClassName)}
       style={style}
     >
       {
diff --git a/src/components/ButtonBase/ButtonBase.module.scss b/src/components/ButtonBase/ButtonBase.module.scss
index 3ff5c249..3f774bee 100644
--- a/src/components/ButtonBase/ButtonBase.module.scss
+++ b/src/components/ButtonBase/ButtonBase.module.scss
@@ -1,6 +1,5 @@
 .wrapper {
   @include no-user-select;
-  @include keyboard-focus;
 
   &[disabled] {
     pointer-events: none;
diff --git a/src/components/ButtonBase/ButtonBase.tsx b/src/components/ButtonBase/ButtonBase.tsx
index b1852e97..b6d5edc2 100644
--- a/src/components/ButtonBase/ButtonBase.tsx
+++ b/src/components/ButtonBase/ButtonBase.tsx
@@ -6,6 +6,8 @@ import s from './ButtonBase.module.scss'
 import intl from 'modules/intl'
 
 
+type ButtonElement = HTMLAnchorElement | HTMLButtonElement
+
 export type ButtonBaseProps = {
   children?: React.ReactNode
   className?: string
@@ -21,8 +23,9 @@ export type ButtonBaseProps = {
   disabled?: boolean
   dataTestId?: string
   ariaLabel?: string | Intl.Message
-  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement>
-  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>
+  ref?: React.RefObject<ButtonElement>
+  onKeyDown?: React.KeyboardEventHandler<ButtonElement>
+  onClick?: React.MouseEventHandler<ButtonElement>
 }
 
 const ButtonBase: React.FC<ButtonBaseProps> = (props) => {
@@ -45,7 +48,7 @@ const ButtonBase: React.FC<ButtonBaseProps> = (props) => {
     ? translations.formatMessage(ariaLabel, ariaLabel.values)
     : ariaLabel
 
-  const handleClick = useCallback((event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {
+  const handleClick = useCallback((event: React.MouseEvent<ButtonElement>) => {
     if (disabled) {
       return
     }
diff --git a/src/components/ButtonRangePicker/ButtonRangePicker.module.scss b/src/components/ButtonRangePicker/ButtonRangePicker.module.scss
deleted file mode 100644
index 3f5466fb..00000000
--- a/src/components/ButtonRangePicker/ButtonRangePicker.module.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.rounded {
-  border-radius: 11px;
-}
diff --git a/src/components/ButtonRangePicker/ButtonRangePicker.tsx b/src/components/ButtonRangePicker/ButtonRangePicker.tsx
index 1b996bf8..6bdcbea9 100644
--- a/src/components/ButtonRangePicker/ButtonRangePicker.tsx
+++ b/src/components/ButtonRangePicker/ButtonRangePicker.tsx
@@ -1,13 +1,13 @@
 import React, { useMemo } from 'react'
-import cx from 'classnames'
 import { useTabButton } from 'hooks'
+import theme from 'modules/theme'
 import forms from 'modules/forms'
+import cx from 'classnames'
 
 import Text from '../Text/Text'
 import ButtonBase from '../ButtonBase/ButtonBase'
 import type { SelectProps } from '../Select/Select'
 
-import s from './ButtonRangePicker.module.scss'
 import messages from './messages'
 
 
@@ -21,6 +21,7 @@ export type ButtonRangePickerProps = {
 const ButtonRangePicker: React.FC<ButtonRangePickerProps> = (props) => {
   const { className, field, dataTestId, range } = props
 
+  const { isDark } = theme.useData()
   const { value } = forms.useFieldValue(field)
 
   const activeIndex = useMemo(() => {
@@ -37,7 +38,7 @@ const ButtonRangePicker: React.FC<ButtonRangePickerProps> = (props) => {
       className={cx(
         className,
         'relative',
-        'flex rounded-12 border border-secondary/10'
+        'flex rounded-16 border border-dark/10'
       )}
       data-testid={dataTestId}
     >
@@ -45,29 +46,28 @@ const ButtonRangePicker: React.FC<ButtonRangePickerProps> = (props) => {
         range.map((item, index) => (
           <ButtonBase
             key={item.value}
-            className={cx(s.rounded, 'py-4 px-8')}
+            className="rounded-16 py-4 px-8"
             dataTestId={`${dataTestId}-button`}
             ariaLabel={messages.buttonRange}
             onClick={() => field.setValue(item.value)}
           >
             <Text
-              className={cx('hover:opacity-100', {
+              className={cx('hover:opacity-100 font-medium', {
                 'opacity-50': index !== activeIndex,
               })}
               message={item.title || ''}
               color="dark"
-              size="t14m"
+              size="sm"
             />
           </ButtonBase>
         ))
       }
       <div
         ref={tabButtonRef}
-        className={cx(
-          s.rounded,
-          'bg-dark/3 py-4 px-8',
-          'absolute top-0 left-0 transition-all duration-200 pointer-events-none'
-        )}
+        className={cx('absolute py-4 px-8 rounded-16 top-0 left-0 transition-all duration-200 pointer-events-none',{
+          'bg-white/25': isDark,
+          'bg-dark/10': !isDark,
+        })}
       />
     </div>
   )
diff --git a/src/components/ButtonRangePicker/messages.ts b/src/components/ButtonRangePicker/messages.ts
index 1d06d1a6..d4ffda23 100644
--- a/src/components/ButtonRangePicker/messages.ts
+++ b/src/components/ButtonRangePicker/messages.ts
@@ -5,7 +5,7 @@ export default {
     fr: 'Bouton de sélection de plage',
     es: 'Botón selector de rango',
     pt: 'Botão de seleção de intervalo',
-    de: 'Bereichauswahltaste',
+    de: 'Bereichsauswahl',
     zh: '范围选择按钮',
   },
 }
diff --git a/src/components/Chart/Chart.tsx b/src/components/Chart/Chart.tsx
index fee2fb30..30ec32fb 100644
--- a/src/components/Chart/Chart.tsx
+++ b/src/components/Chart/Chart.tsx
@@ -4,6 +4,7 @@ import cx from 'classnames'
 import Legend from './Legend/Legend'
 import NoItems from './NoItems/NoItems'
 import Skeleton from './Skeleton/Skeleton'
+import ExtraRewards from './ExtraRewards/ExtraRewards'
 import NotConnected from './NotConnected/NotConnected'
 
 import { useChart, Views } from './util'
@@ -21,6 +22,7 @@ export type ChartProps = {
   isNotConnected?: boolean
   hideRightScale?: boolean
   showLegendOnHover?: boolean
+  showExtraRewards?: boolean
   pointType: Charts.PointType
   noItemsDescription?: Intl.Message
   expandSettings?: Charts.ExpandSettings
@@ -28,7 +30,18 @@ export type ChartProps = {
 }
 
 const Chart: React.FC<ChartProps> = (props) => {
-  const { className, token, height, pointType, dataTestId, legendClassName, noItemsDescription, connect } = props
+  const {
+    className,
+    data,
+    token,
+    height,
+    pointType,
+    dataTestId,
+    legendClassName,
+    showExtraRewards,
+    noItemsDescription,
+    connect,
+  } = props
 
   const {
     view,
@@ -67,15 +80,25 @@ const Chart: React.FC<ChartProps> = (props) => {
       }
       {
         view === Views.Legend && (
-          <div className="absolute top-6 left-6 z-10">
-            <Legend
-              className={legendClassName}
-              chart={chart as Charts.Chart}
-              pointType={pointType}
-              dataArr={dataArr}
+          showExtraRewards ? (
+            <ExtraRewards
+              data={data}
               token={token}
+              container={containerRef}
+              series={dataArr[0]?.series}
+              chart={chart as Charts.Chart}
             />
-          </div>
+          ) : (
+            <div className="absolute top-6 left-6 z-10">
+              <Legend
+                className={legendClassName}
+                chart={chart as Charts.Chart}
+                pointType={pointType}
+                dataArr={dataArr}
+                token={token}
+              />
+            </div>
+          )
         )
       }
     </div>
diff --git a/src/components/Chart/ExtraRewards/ExtraRewards.tsx b/src/components/Chart/ExtraRewards/ExtraRewards.tsx
new file mode 100644
index 00000000..8caf3078
--- /dev/null
+++ b/src/components/Chart/ExtraRewards/ExtraRewards.tsx
@@ -0,0 +1,330 @@
+import React, { useEffect, useRef, RefObject, useMemo } from 'react'
+import type { MouseEventParams } from 'lightweight-charts'
+import { createSelector, useSelector } from 'store'
+import { methods } from 'helpers'
+import theme from 'modules/theme'
+import date from 'modules/date'
+import cx from 'classnames'
+
+import Icon from '../../Icon/Icon'
+import Text from '../../Text/Text'
+import Logo from '../../Logo/Logo'
+
+import messages from './messages'
+
+
+type ExtraRewardsProps = {
+  className?: string
+  token: Tokens
+  data: Charts.MainData
+  series?: Charts.Series
+  chart: Charts.Chart | null
+  container: RefObject<HTMLDivElement | null>
+}
+
+type RewardsData = {
+  message: Intl.Message
+  rowRef: React.RefObject<HTMLDivElement | null>
+  fiatRef: React.RefObject<HTMLDivElement | null>
+  amountRef: React.RefObject<HTMLDivElement | null>
+}
+
+const storeSelector = createSelector([
+  (store: Store) => store.fiatRates.data,
+  (store: Store) => store.currency.selected,
+  (store: Store) => store.currency.symbol,
+], (fiatRates, currency, currencySymbol) => ({
+  currencySymbol,
+  fiatRates,
+  currency,
+}))
+
+const ExtraRewards: React.FC<ExtraRewardsProps> = (props) => {
+  const { token, data, chart, series, container, className } = props
+
+  const { isDark } = theme.useData()
+
+  const { fiatRates, currency, currencySymbol } = useSelector(storeSelector)
+
+  const tooltipRef = useRef<HTMLDivElement | null>(null)
+
+  const boostRowRef = useRef<HTMLDivElement | null>(null)
+  const boostAmountRef = useRef<HTMLDivElement | null>(null)
+  const boostFiatRef = useRef<HTMLDivElement | null>(null)
+
+  const stakeRowRef = useRef<HTMLDivElement | null>(null)
+  const stakeAmountRef = useRef<HTMLDivElement | null>(null)
+  const stakeFiatRef = useRef<HTMLDivElement | null>(null)
+
+  const totalRowRef = useRef<HTMLDivElement | null>(null)
+  const totalAmountRef = useRef<HTMLDivElement | null>(null)
+  const totalFiatRef = useRef<HTMLDivElement | null>(null)
+
+  const timeRef = useRef<HTMLDivElement | null>(null)
+
+  const tooltipClassName = cx(
+    `
+      hidden absolute w-[235px] overflow-hidden rounded-8 shadow-coal
+      border border-dark/10 backdrop-blur-[30px] z-modal pointer-events-none
+    `,
+    {
+      'bg-white/70': !isDark,
+      'bg-dark/80': isDark,
+    },
+    className
+  )
+
+  useEffect(() => {
+    const containerElement = container.current
+    const tooltipElement = tooltipRef.current
+
+    if (!containerElement || !chart || !tooltipElement) {
+      return
+    }
+
+    const formatFiatAmount = (value: number) => {
+      const rate = fiatRates[token][currency]
+      const result = Number((rate * value).toFixed(2))
+      const formattedResult = methods.numericalReduction(Math.abs(result))
+
+      const prefix = result < 0 ? '-' : ''
+
+      const fiatAmount = formattedResult === '0.00'
+        ? `< ${prefix}${currencySymbol} 0.01`
+        : `${prefix}${currencySymbol}${formattedResult}`
+
+      return `(${fiatAmount})`
+    }
+
+    const updateTooltipContent = (extra: Charts.ExtraData) => {
+      const rows: Array<{
+        amountRef: React.RefObject<HTMLDivElement | null>
+        fiatRef: React.RefObject<HTMLDivElement | null>
+        rowRef: React.RefObject<HTMLDivElement | null>
+        value: number
+      }> = []
+
+      if (!extra.stakeRewards && !extra.boostRewards) {
+        tooltipRef?.current?.classList.add('hidden!')
+
+        return
+      }
+      else {
+        tooltipRef?.current?.classList.remove('hidden!')
+      }
+
+      if (extra.stakeRewards) {
+        stakeRowRef.current?.classList.remove('hidden!')
+        rows.push({ amountRef: stakeAmountRef, fiatRef: stakeFiatRef, value: extra.stakeRewards, rowRef: stakeRowRef })
+      }
+      else {
+        stakeRowRef.current?.classList.add('hidden!')
+      }
+
+      if (extra.boostRewards) {
+        boostRowRef.current?.classList.remove('hidden!')
+        totalRowRef.current?.classList.remove('hidden!')
+
+        rows.push(
+          { amountRef: boostAmountRef, fiatRef: boostFiatRef, value: extra.boostRewards, rowRef: boostRowRef },
+          { amountRef: totalAmountRef, fiatRef: totalFiatRef, value: extra.stakeRewards + extra.boostRewards, rowRef: totalRowRef }
+        )
+      }
+      else {
+        boostRowRef.current?.classList.add('hidden!')
+        totalRowRef.current?.classList.add('hidden!')
+      }
+
+      for (const { amountRef, fiatRef, value, rowRef } of rows) {
+        if (rowRef.current) {
+          rowRef.current.style.display = value ? 'flex' : 'none'
+        }
+
+        if (amountRef?.current && value) {
+          amountRef.current.innerHTML = methods.formatTokenValue(String(value), true)
+        }
+
+        if (fiatRef?.current && value) {
+          fiatRef.current.innerHTML = formatFiatAmount(Number(value))
+        }
+      }
+
+      if (timeRef.current) {
+        timeRef.current.innerHTML = date
+          .time(Number(extra.time) * 1000)
+          .utcOffset(0, false)
+          .format('DD MMM YYYY')
+      }
+    }
+
+    const hideTooltip = () => {
+      tooltipElement.style.display = 'none'
+    }
+
+    const positionTooltip = (x: number, y: number) => {
+      const rect = containerElement.getBoundingClientRect()
+
+      const width = tooltipElement.offsetWidth
+      const height = tooltipElement.offsetHeight
+
+      const offset = 12
+
+      let left = x + offset
+
+      if (left > rect.width - width) {
+        left = x - offset - width
+      }
+
+      let top = y + offset
+
+      if (top > rect.height - height) {
+        top = y - offset - height
+      }
+
+      tooltipElement.style.top = `${top}px`
+      tooltipElement.style.display = 'block'
+      tooltipElement.style.left = `${left}px`
+    }
+
+    const findExtraDataByTime = (params: MouseEventParams): Charts.ExtraData | null => {
+      const { time } = params
+
+      for (const block of data) {
+        const currentPoint = block.data.find(pt => pt?.extraData && pt.time === time)
+
+        if (currentPoint?.extraData) {
+          return currentPoint.extraData
+        }
+      }
+
+      return null
+    }
+
+    const onCrosshairMove = (params: MouseEventParams) => {
+      const pointerPoint = params?.point
+
+      if (!pointerPoint) {
+        return hideTooltip()
+      }
+
+      const extraData = findExtraDataByTime(params)
+
+      if (!extraData || !series) {
+        return hideTooltip()
+      }
+
+      const data = series.data()
+
+      const point: Charts.Point = params?.time
+        ? params.seriesData.get(series as any)
+        : data[data.length - 1]
+
+      updateTooltipContent({ ...extraData, time: point.time })
+
+      tooltipElement.style.display = 'block'
+      positionTooltip(pointerPoint.x, pointerPoint.y)
+    }
+
+    chart.subscribeCrosshairMove(onCrosshairMove)
+
+    const onMouseLeave = () => hideTooltip()
+    containerElement.addEventListener('mouseleave', onMouseLeave)
+
+    return () => {
+      chart.unsubscribeCrosshairMove(onCrosshairMove)
+      containerElement.removeEventListener('mouseleave', onMouseLeave)
+    }
+  }, [ data, chart, container, tooltipClassName, fiatRates, token, series, currency, currencySymbol ])
+
+  const rewardsData: RewardsData[] = useMemo(() => {
+    return [
+      {
+        rowRef: boostRowRef,
+        fiatRef: boostFiatRef,
+        message: messages.boost,
+        amountRef: boostAmountRef,
+      },
+      {
+        rowRef: stakeRowRef,
+        fiatRef: stakeFiatRef,
+        message: messages.stake,
+        amountRef: stakeAmountRef,
+      },
+      {
+        rowRef: totalRowRef,
+        fiatRef: totalFiatRef,
+        message: messages.total,
+        amountRef: totalAmountRef,
+      },
+    ]
+  }, [])
+
+  return (
+    <div
+      ref={tooltipRef}
+      className={tooltipClassName}
+    >
+      <div className="p-8 flex items-center gap-4">
+        <Text
+          className="w-[50%] font-medium"
+          size="sm"
+          color="primary"
+          message={messages.rewards}
+        />
+        <div className="w-[50%] flex items-center gap-4 justify-end">
+          <Icon
+            className="opacity-40"
+            name="icon/calendar"
+            color="dark"
+          />
+          <Text
+            ref={timeRef}
+            className="opacity-50 font-medium"
+            message=""
+            color="dark"
+            size="xs"
+          />
+        </div>
+      </div>
+      {
+        rewardsData.map(({ message, fiatRef, amountRef, rowRef }, index) => (
+          <div
+            key={index}
+            ref={rowRef}
+            className={cx('flex p-8 items-center gap-16 justify-between border-top border-dark/5', {
+              '': index,
+            })}
+          >
+            <Text
+              size="xs"
+              color="dark"
+              message={message}
+            />
+            <div>
+              <div className="flex gap-4 items-center justify-end">
+                <Logo name={`token/${token}`} size={12} />
+                <Text
+                  className="font-medium"
+                  ref={amountRef}
+                  message=""
+                  size="xs"
+                  color="dark"
+                />
+                <Text
+                  ref={fiatRef}
+                  className="ml-4 opacity-50 font-medium text-right"
+                  message=""
+                  color="dark"
+                  size="xs"
+                />
+              </div>
+            </div>
+          </div>
+        ))
+      }
+    </div>
+  )
+}
+
+
+export default React.memo(ExtraRewards)
diff --git a/src/components/Chart/ExtraRewards/messages.ts b/src/components/Chart/ExtraRewards/messages.ts
new file mode 100644
index 00000000..6a4f2926
--- /dev/null
+++ b/src/components/Chart/ExtraRewards/messages.ts
@@ -0,0 +1,38 @@
+export default {
+  boost: {
+    en: 'Boost',
+    ru: 'Буст',
+    fr: 'Boost',
+    es: 'Boost',
+    pt: 'Boost',
+    de: 'Boost',
+    zh: 'Boost',
+  },
+  stake: {
+    en: 'Stake',
+    ru: 'Стейкинг',
+    fr: 'Staking',
+    es: 'Staking',
+    pt: 'Staking',
+    de: 'Staking',
+    zh: '质押',
+  },
+  total: {
+    en: 'Total',
+    ru: 'Всего',
+    fr: 'Total',
+    es: 'Total',
+    pt: 'Total',
+    de: 'Gesamt',
+    zh: '总计',
+  },
+  rewards: {
+    en: 'Your rewards',
+    ru: 'Ваши награды',
+    fr: 'Vos récompenses',
+    es: 'Sus recompensas',
+    pt: 'Suas recompensas',
+    de: 'Ihre Belohnungen',
+    zh: '您的奖励',
+  },
+}
diff --git a/src/components/Chart/Legend/Amount/Amount.tsx b/src/components/Chart/Legend/Amount/Amount.tsx
index 69dc8d01..4ff978ed 100644
--- a/src/components/Chart/Legend/Amount/Amount.tsx
+++ b/src/components/Chart/Legend/Amount/Amount.tsx
@@ -1,7 +1,6 @@
 import React, { useRef, useCallback } from 'react'
-import { createSelector } from '@reduxjs/toolkit'
+import { createSelector, useSelector } from 'store'
 import { methods } from 'helpers'
-import { useStore } from 'hooks'
 import cx from 'classnames'
 
 import Text from '../../../Text/Text'
@@ -29,7 +28,7 @@ const storeSelector = createSelector([
 const Amount: React.FC<AmountProps> = (props) => {
   const { className, token, chart, series } = props
 
-  const { fiatRates, currency, currencySymbol } = useStore(storeSelector)
+  const { fiatRates, currency, currencySymbol } = useSelector(storeSelector)
 
   const fiatTooltipRef = useRef<HTMLDivElement>(null)
   const tokenValueTooltipRef = useRef<HTMLDivElement>(null)
@@ -41,14 +40,20 @@ const Amount: React.FC<AmountProps> = (props) => {
     }
 
     if (fiatTooltipRef.current) {
+      if (!point.value) {
+        fiatTooltipRef.current.innerHTML = `(${currencySymbol} 0.00)`
+
+        return
+      }
+
       const rate = fiatRates[token][currency]
       const result = Number((rate * Number(point.value)).toFixed(2))
-      const perfix = result < 0 ? '-' : ''
+      const prefix = result < 0 ? '-' : ''
       const formattedResult = methods.numericalReduction(Math.abs(result))
 
       const fiatAmount = formattedResult === '0.00'
-        ? `< ${perfix}${currencySymbol} 0.01`
-        : `${perfix}${currencySymbol}${formattedResult}`
+        ? `< ${prefix}${currencySymbol} 0.01`
+        : `${prefix}${currencySymbol}${formattedResult}`
 
       fiatTooltipRef.current.innerHTML = `(${fiatAmount})`
     }
@@ -58,19 +63,20 @@ const Amount: React.FC<AmountProps> = (props) => {
 
   return (
     <div className={cx(className, 'flex items-center gap-4')}>
-      <Logo name={`token/${token}`} />
+      <Logo name={`token/${token}`} size={20} />
       <Text
+        className="font-medium"
         ref={tokenValueTooltipRef}
         message=""
-        size="t18m"
+        size="lg"
         color="dark"
       />
       <Text
         ref={fiatTooltipRef}
-        className="opacity-50"
+        className="opacity-50 font-medium"
         message=""
         color="dark"
-        size="t14m"
+        size="sm"
       />
     </div>
   )
diff --git a/src/components/Chart/Legend/Legend.tsx b/src/components/Chart/Legend/Legend.tsx
index a1f5b366..cf1a36cb 100644
--- a/src/components/Chart/Legend/Legend.tsx
+++ b/src/components/Chart/Legend/Legend.tsx
@@ -52,12 +52,12 @@ const Legend: React.FC<LegendProps> = (props) => {
             {
               Boolean(options?.legendTitle) && (
                 <Text
-                  className={cx('opacity-50', {
+                  className={cx('opacity-50 font-medium', {
                     'ml-8': !isPercent,
                   })}
                   message={options?.legendTitle || ''}
                   color="dark"
-                  size="t14m"
+                  size="sm"
                 />
               )
             }
diff --git a/src/components/Chart/Legend/Percentage/Percentage.tsx b/src/components/Chart/Legend/Percentage/Percentage.tsx
index 5442d2cb..96587a2f 100644
--- a/src/components/Chart/Legend/Percentage/Percentage.tsx
+++ b/src/components/Chart/Legend/Percentage/Percentage.tsx
@@ -30,9 +30,9 @@ const Percentage: React.FC<PercentageProps> = (props) => {
   return (
     <Text
       ref={percentageTooltipRef}
-      className={cx(className, s.value, 'opacity-80')}
+      className={cx(className, s.value, 'opacity-80 font-medium')}
       color="dark"
-      size="t18m"
+      size="lg"
       message=""
     />
   )
diff --git a/src/components/Chart/Legend/Time/Time.tsx b/src/components/Chart/Legend/Time/Time.tsx
index 25a98424..f48bff89 100644
--- a/src/components/Chart/Legend/Time/Time.tsx
+++ b/src/components/Chart/Legend/Time/Time.tsx
@@ -1,5 +1,4 @@
 import React, { useRef, useCallback } from 'react'
-import type { Time } from 'lightweight-charts'
 import date from 'modules/date'
 import cx from 'classnames'
 
@@ -25,6 +24,7 @@ const Time: React.FC<TimeProps> = (props) => {
     if (timeTooltipRef.current) {
       timeTooltipRef.current.innerHTML = date
         .time(Number(time) * 1000)
+        .utcOffset(0, false)
         .format('DD MMM YYYY')
     }
   }, [])
@@ -42,10 +42,10 @@ const Time: React.FC<TimeProps> = (props) => {
       />
       <Text
         ref={timeTooltipRef}
-        className="opacity-50"
+        className="opacity-50 font-medium"
         message=""
         color="dark"
-        size="t12m"
+        size="xs"
       />
     </div>
   )
diff --git a/src/components/Chart/NoItems/NoItems.tsx b/src/components/Chart/NoItems/NoItems.tsx
index 93889ae1..9f4b15ab 100644
--- a/src/components/Chart/NoItems/NoItems.tsx
+++ b/src/components/Chart/NoItems/NoItems.tsx
@@ -17,17 +17,18 @@ const NoItems: React.FC<NoItemsProps> = (props) => {
     <div className={className}>
       <div className="absolute h-full w-full flex items-center flex-col justify-center">
         <Text
+          className="font-medium"
           message={messages.noItems}
           color="dark"
-          size="t18m"
+          size="lg"
         />
         {
           description && (
             <Text
-              className="mt-4 opacity-50 text-center"
+              className="mt-4 opacity-50 text-center font-medium"
               message={description}
               color="dark"
-              size="t14m"
+              size="sm"
             />
           )
         }
diff --git a/src/components/Chart/Skeleton/Skeleton.tsx b/src/components/Chart/Skeleton/Skeleton.tsx
index db9ec367..594b51c9 100644
--- a/src/components/Chart/Skeleton/Skeleton.tsx
+++ b/src/components/Chart/Skeleton/Skeleton.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import device from 'modules/device'
+import { device } from 'sw-utils/modules'
 
 import Bone from '../../Bone/Bone'
 
@@ -10,15 +10,15 @@ type SkeletonProps = {
 
 const Skeleton: React.FC<SkeletonProps> = ({ className }) => {
   const { isDesktop } = device.useData()
-  const columns = isDesktop ? 6 : 4
+  const columns = !isDesktop ? 4 : 6
 
   return (
     <div className={className}>
       <div className="absolute top-4 right-4 pb-32 h-full">
-        <Bone className="mr-48 h-full w-px bg-dark/3" />
+        <Bone className="mr-48 h-full w-px bg-moon/3" />
       </div>
       <div className="absolute w-full pr-48 bottom-4">
-        <Bone className="mb-32 w-full h-px bg-dark/3" />
+        <Bone className="mb-32 w-full h-px bg-moon/3" />
       </div>
       <div>
         {
diff --git a/src/components/Chart/util/global.d.ts b/src/components/Chart/util/global.d.ts
index 047af803..c43753a2 100644
--- a/src/components/Chart/util/global.d.ts
+++ b/src/components/Chart/util/global.d.ts
@@ -23,16 +23,30 @@ declare global {
       legendLine?: string
     }
 
+    type ExtraData = {
+      boostRewards: number
+      stakeRewards: number
+      time?: number | Time
+    }
+
     type TimePoint = {
       time: Time
       value: number
+      extraData?: ExtraData
     }
 
     type Point = {
+      extraData?: ExtraData
       time: Time | number
       value: number
     }
 
+    type CacheData = {
+      apy: Point[]
+      balance: Point[]
+      rewards: Point[]
+    }
+
     type Style = 'bar' | 'line'
 
     type PointType = 'fiat' | 'percent'
diff --git a/src/components/Chart/util/useCreateChart.ts b/src/components/Chart/util/useCreateChart.ts
index c8d3f935..d0e33062 100644
--- a/src/components/Chart/util/useCreateChart.ts
+++ b/src/components/Chart/util/useCreateChart.ts
@@ -45,7 +45,7 @@ const useCreateChart = (input: Input): State => {
     const chart = createChart(container.current as HTMLElement, params)
 
     if (data.length > 1 && style === 'bar') {
-      throw new Error("The chart cannot have more than one data set to work with a column view")
+      throw new Error('The chart cannot have more than one data set to work with a column view')
     }
 
     const dataArr = data.map(({ data, options }) => {
diff --git a/src/components/Chart/util/useSeries.ts b/src/components/Chart/util/useSeries.ts
deleted file mode 100644
index 012d6f51..00000000
--- a/src/components/Chart/util/useSeries.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { useCallback, useMemo } from 'react'
-import theme, { ThemeColor } from 'modules/theme'
-import { LineStyle } from 'lightweight-charts'
-import type { AreaSeriesPartialOptions, HistogramSeriesPartialOptions, CreatePriceLineOptions, LineWidth } from 'lightweight-charts'
-
-
-type Input = {
-  style: Charts.Style
-}
-
-type Output = {
-  defaultSeries: AreaSeriesPartialOptions
-  getPriceLineSeries: (price: number) => CreatePriceLineOptions
-}
-
-const getDefaultSeriesOptions = (themeValue: ThemeColor): AreaSeriesPartialOptions => ({
-  lineWidth: 2,
-  topColor: themeValue === ThemeColor.Light ? '#d6e6ff24' : '#232123ba',
-  lineColor: themeValue === ThemeColor.Light ? '#3559e4' : '#627eea',
-  bottomColor: themeValue === ThemeColor.Light ? '#74aafc91' : '#74aafc78',
-  lastValueVisible: false,
-  priceLineVisible: false,
-})
-
-const getHistogramSeriesOptions = (themeValue: ThemeColor): HistogramSeriesPartialOptions => ({
-  color: themeValue === ThemeColor.Light ? '#74a2fc99' : '#617ee9e0',
-  priceLineVisible: false,
-  lastValueVisible: false,
-  priceFormat: {
-    precision: 5,
-    type: 'price',
-    minMove: 0.00001,
-  },
-})
-
-const useSeries = (input: Input): Output => {
-  const { style } = input
-
-  const { themeValue } = theme.useData()
-
-  const isLight = themeValue === ThemeColor.Light
-
-  const getPriceLineSeries = useCallback((price: number) => ({
-    price,
-    axisLabelVisible: true,
-    lineWidth: 1 as LineWidth,
-    lineStyle: LineStyle.LargeDashed,
-    color: isLight ? '#6b6b94' : '#787887',
-  }), [ isLight ])
-
-  return useMemo(() => ({
-    defaultSeries: style === 'line'
-      ? getDefaultSeriesOptions(themeValue)
-      : getHistogramSeriesOptions(themeValue),
-    getPriceLineSeries,
-  }), [ style, themeValue, getPriceLineSeries ])
-}
-
-
-export default useSeries
diff --git a/src/components/Chart/util/useSettings.ts b/src/components/Chart/util/useSettings.ts
deleted file mode 100644
index c6e313eb..00000000
--- a/src/components/Chart/util/useSettings.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { useMemo } from 'react'
-import intl from 'modules/intl'
-import theme, { ThemeColor } from 'modules/theme'
-
-import type { DeepPartial, ChartOptionsBase } from 'lightweight-charts'
-import { LineStyle, LineWidth, CrosshairMode } from 'lightweight-charts'
-
-
-type Input = {
-  style: Charts.Style
-  hideRightPriceScale?: boolean
-  formatLabel: (value: number) => string | number
-}
-
-const useSettings = (input: Input) => {
-  const { style, hideRightPriceScale, formatLabel } = input
-
-  const { themeValue } = theme.useData()
-  const intlControls = intl.useIntl()
-
-  const isLight = themeValue === ThemeColor.Light
-
-  const darkColor = isLight ? '#00060F' : '#FFFFFF'
-  const gridColor = isLight ? '#00040e26' : '#FFFFFF12'
-  const darkOpacityColor = isLight ? '#00040e0d' : '#FFFFFF12'
-
-  return useMemo<DeepPartial<ChartOptionsBase>>(() => {
-    return ({
-      autoSize: true,
-      localization: {
-        locale: intlControls.locale,
-        priceFormatter: (value: number) => formatLabel(value),
-      },
-      handleScale: {
-        axisPressedMouseMove: false,
-      },
-      handleScroll: {
-        vertTouchDrag: false,
-        horzTouchDrag: false,
-      },
-      grid: {
-        vertLines: {
-          visible: false,
-        },
-        horzLines: {
-          color: gridColor,
-          style: LineStyle.SparseDotted,
-        },
-      },
-      layout: {
-        attributionLogo: false,
-        textColor: darkColor,
-        background: { color: 'transparent' },
-      },
-      timeScale: {
-        timeVisible: true,
-        fixLeftEdge: true,
-        fixRightEdge: true,
-        ticksVisible: false,
-        borderColor: darkOpacityColor,
-      },
-      rightPriceScale: {
-        autoScale: false,
-        entireTextOnly: true,
-        visible: !hideRightPriceScale,
-        borderColor: darkOpacityColor,
-        scaleMargins: {
-          top: style === 'line' ? 0.25 : 0.2,
-          bottom: style === 'line' ? 0.1 : 0,
-        },
-      },
-      crosshair: {
-        horzLine: {
-          visible: true,
-          labelVisible: false,
-          width: 1 as LineWidth,
-          style: LineStyle.Solid,
-          color: darkOpacityColor,
-        },
-        mode: CrosshairMode.Magnet,
-        vertLine: {
-          visible: true,
-          labelVisible: false,
-          width: 2 as LineWidth,
-          style: LineStyle.Solid,
-          color: darkOpacityColor,
-        },
-      },
-    })
-  }, [ gridColor, darkColor, darkOpacityColor, style, hideRightPriceScale, intlControls.locale, formatLabel ])
-}
-
-
-export default useSettings
diff --git a/src/components/Counter/Counter.module.scss b/src/components/Counter/Counter.module.scss
index 82edbed8..895a583f 100644
--- a/src/components/Counter/Counter.module.scss
+++ b/src/components/Counter/Counter.module.scss
@@ -2,25 +2,10 @@
   min-width: 20px;
   height: 20px;
 
-  @include dark-theme {
-    color: $color-dark;
-    background-color: rgba($color-dark-rgb, .2);
-
-    :global(.bg-inherit) {
-      background-color: $color-dark;
-    }
-  }
-
-  @include light-theme {
-    color: $color-primary;
-    background-color: rgba($color-primary-rgb, .1);
-
-    :global(.bg-inherit) {
-      background-color: $color-primary;
-    }
-  }
+  color: $color-dark;
+  background-color: rgba($color-white-rgb, .4);
 
   &.disabled {
-    background-color: rgba($color-secondary-rgb, .2);
+    opacity: 0.3;
   }
 }
diff --git a/src/components/Counter/Counter.tsx b/src/components/Counter/Counter.tsx
index 6faaaa95..0d547dcb 100644
--- a/src/components/Counter/Counter.tsx
+++ b/src/components/Counter/Counter.tsx
@@ -18,7 +18,6 @@ export type CounterProps = {
 const Counter: React.FC<CounterProps> = (props) => {
   const { className, count, disabled = false, ref, isFetching } = props
 
-  const textColor = disabled ? 'secondary' : 'inherit'
   const counterClassName = cx(className, s.counter, 'px-6 rounded-24 inline-flex items-center justify-center', {
     [s.disabled]: disabled,
   })
@@ -33,14 +32,15 @@ const Counter: React.FC<CounterProps> = (props) => {
           <Icon
             className="rotate-360"
             name="icon/loader"
-            color={textColor}
+            color="secondary"
             size={16}
           />
         ) : (
           <Text
+            className="font-bold"
             tag="span"
-            size="t12b"
-            color={textColor}
+            size="xs"
+            color="dark"
             message={String(count)}
           />
         )
diff --git a/src/components/DatePicker/Calendar/Calendar.tsx b/src/components/DatePicker/Calendar/Calendar.tsx
index 9008561f..2b6ce497 100644
--- a/src/components/DatePicker/Calendar/Calendar.tsx
+++ b/src/components/DatePicker/Calendar/Calendar.tsx
@@ -1,18 +1,15 @@
-import React, { useMemo } from 'react'
+import React, { useCallback, useMemo, useState } from 'react'
 import forms from 'modules/forms'
 import date from 'modules/date'
 import cx from 'classnames'
 
-import Bone from '../../Bone/Bone'
-import Icon from '../../Icon/Icon'
-import Text from '../../Text/Text'
-import ButtonBase from '../../ButtonBase/ButtonBase'
+import Days from './Days/Days'
+import Years from './Years/Years'
+import Months from './Months/Months'
+import Header from './Header/Header'
 
-import Day from './Day/Day'
 import { useDays, getDate } from './util'
 
-import s from './Calendar.module.scss'
-
 
 export type CalendarProps = {
   className?: string
@@ -22,158 +19,149 @@ export type CalendarProps = {
   onChange?: () => void
 }
 
+type Level = 'month' | 'year' | 'decade'
+
 const Calendar: React.FC<CalendarProps> = (props) => {
   const { className, field, minDate, maxDate, onChange } = props
 
+  const [ level, setLevel ] = useState<Level>('month')
+
   const { value: selectedDay } = forms.useFieldValue(field)
-  const { days, title, weekDays, yearMonth, weeksOffset, weeksCount, isLocaleFetching, setMonth } = useDays({
-    field,
-    animationDuration: 350,
-  })
+
+  const {
+    days, title, year, months, years, weekDays, yearMonth, isLocaleFetching,
+    decadeStart, yearTitle, decadeTitle, setMonth, setYear, selectMonth, selectYear,
+  } = useDays({ field })
 
   const minimalDate = useMemo(() => getDate(minDate), [ minDate ])
   const maximalDate = useMemo(() => getDate(maxDate), [ maxDate ])
+  const selectedDate = useMemo(() => getDate(selectedDay), [ selectedDay ])
 
-  const [ firstDayOfMonth, lastDayOfMonth ] = useMemo(() => {
+  const [ rangeStart, rangeEnd ] = useMemo(() => {
     const yearMonthDate = date.time(yearMonth, 'YYYY-MM')
 
-    return [
-      yearMonthDate.startOf('month'),
-      yearMonthDate.endOf('month'),
-    ]
-  }, [ yearMonth ])
+    if (level === 'year') {
+      return [ yearMonthDate.startOf('year'), yearMonthDate.endOf('year') ]
+    }
+
+    if (level === 'decade') {
+      return [
+        yearMonthDate.set('year', decadeStart).startOf('year'),
+        yearMonthDate.set('year', decadeStart + 9).endOf('year'),
+      ]
+    }
+
+    return [ yearMonthDate.startOf('month'), yearMonthDate.endOf('month') ]
+  }, [ level, yearMonth, decadeStart ])
+
+  const isLeftButtonDisabled = useMemo(() => (
+    minimalDate ? !rangeStart.isAfter(minimalDate) : false
+  ), [ rangeStart, minimalDate ])
+
+  const isRightButtonDisabled = useMemo(() => (
+    maximalDate ? !rangeEnd.isBefore(maximalDate) : false
+  ), [ rangeEnd, maximalDate ])
+
+  const headerTitle = {
+    month: title,
+    year: yearTitle,
+    decade: decadeTitle,
+  }[level]
 
-  const isLeftButtonDisabled = useMemo(() => {
-    if (minimalDate) {
-      return !firstDayOfMonth.isAfter(minimalDate)
+  const handlePrev = useCallback(() => {
+    if (level === 'month') {
+      setMonth(-1)
+
+      return
     }
-  }, [ firstDayOfMonth, minimalDate ])
 
-  const isRightButtonDisabled = useMemo(() => {
-    if (maximalDate) {
-      return !lastDayOfMonth.isBefore(maximalDate)
+    setYear(level === 'decade' ? -10 : -1)
+  }, [ level, setMonth, setYear ])
+
+  const handleNext = useCallback(() => {
+    if (level === 'month') {
+      setMonth(1)
+
+      return
     }
-  }, [ lastDayOfMonth, maximalDate ])
+
+    setYear(level === 'decade' ? 10 : 1)
+  }, [ level, setMonth, setYear ])
+
+  const handleTitleClick = useCallback(() => {
+    setLevel(level === 'month' ? 'year' : 'decade')
+  }, [ level ])
+
+  const handleSelectDay = useCallback((fullDate: string) => {
+    field.setValue(fullDate)
+
+    if (typeof onChange === 'function') {
+      onChange()
+    }
+  }, [ field, onChange ])
+
+  const handleSelectMonth = useCallback((month: number) => {
+    selectMonth(month)
+    setLevel('month')
+  }, [ selectMonth ])
+
+  const handleSelectYear = useCallback((value: number) => {
+    selectYear(value)
+    setLevel('year')
+  }, [ selectYear ])
 
   return (
     <div className={cx(className, 'w-[224px]')}>
-      <div className="flex items-center">
-        <ButtonBase
-          className={cx('rounded-4', {
-            'opacity-10': isLeftButtonDisabled,
-          })}
-          disabled={isLeftButtonDisabled}
-          onClick={() => setMonth(-1)}
-        >
-          <Icon
-            name="arrow/left"
-            size={20}
-            color="dark"
+      <Header
+        title={headerTitle}
+        isLocaleFetching={isLocaleFetching}
+        isTitleDisabled={level === 'decade'}
+        isLeftDisabled={isLeftButtonDisabled}
+        isRightDisabled={isRightButtonDisabled}
+        onPrev={handlePrev}
+        onNext={handleNext}
+        onTitleClick={handleTitleClick}
+      />
+      {
+        level === 'month' && (
+          <Days
+            days={days}
+            weekDays={weekDays}
+            yearMonth={yearMonth}
+            selectedDay={selectedDay}
+            isLocaleFetching={isLocaleFetching}
+            minimalDate={minimalDate}
+            maximalDate={maximalDate}
+            onSelect={handleSelectDay}
+          />
+        )
+      }
+      {
+        level === 'year' && (
+          <Months
+            year={year}
+            months={months}
+            yearMonth={yearMonth}
+            selectedDate={selectedDate}
+            minimalDate={minimalDate}
+            maximalDate={maximalDate}
+            onSelect={handleSelectMonth}
           />
-        </ButtonBase>
-        {
-          isLocaleFetching ? (
-            <div className="flex-1 flex items-center justify-center">
-              <Bone
-                className="rounded-4"
-                w={126}
-                h={24}
-              />
-            </div>
-          ) : (
-            <Text
-              className="flex-1 text-center capitalize"
-              message={title}
-              size="t16m"
-              color="dark"
-            />
-          )
-        }
-        <ButtonBase
-          className={cx('rounded-4', {
-            'opacity-10': isRightButtonDisabled,
-          })}
-          disabled={isRightButtonDisabled}
-          onClick={() => setMonth(1)}
-        >
-          <Icon
-            name="arrow/right"
-            size={20}
-            color="dark"
+        )
+      }
+      {
+        level === 'decade' && (
+          <Years
+            years={years}
+            yearMonth={yearMonth}
+            decadeStart={decadeStart}
+            selectedDate={selectedDate}
+            minimalDate={minimalDate}
+            maximalDate={maximalDate}
+            onSelect={handleSelectYear}
           />
-        </ButtonBase>
-      </div>
-      <div className={cx('grid text-center opacity-80 mt-8 capitalize', s.grid)}>
-        {
-          weekDays.map((weekDay) => (
-            isLocaleFetching ? (
-              <div
-                key={weekDay}
-                className="flex items-center justify-center"
-              >
-                <Bone
-                  className="rounded-4"
-                  w={20}
-                  h={20}
-                  delay={1}
-                />
-              </div>
-            ) : (
-              <Text
-                key={weekDay}
-                className="py-4"
-                message={weekDay}
-                size="t16m"
-                color="primary"
-              />
-            )
-          ))
-        }
-      </div>
-      <div
-        className={cx('relative transition-height duration-350', {
-          'overflow-hidden': weeksOffset !== 0,
-        })}
-        style={{
-          height: `${weeksCount * 32}px`,
-        }}
-      >
-        <div
-          className={cx('grid text-center', s.grid, {
-            'transition-transform duration-350': weeksOffset,
-          })}
-          style={{
-            transform: `translateY(${weeksOffset * 32}px)`,
-            marginTop: weeksOffset > 0 ? `-${weeksOffset * 32}px` : '0',
-          }}
-        >
-          {
-            days.map((day) => {
-              const dayDate = getDate(day.fullDate) as Date.Time
-
-              return (
-                <Day
-                  key={day.fullDate}
-                  title={day.date}
-                  isActive={day.yearMonth === yearMonth}
-                  isDisabled={(
-                    minimalDate?.isAfter(dayDate.endOf('day'))
-                    || maximalDate?.isBefore(dayDate.startOf('day'))
-                  )}
-                  isSelected={day.fullDate === selectedDay}
-                  onClick={() => {
-                    field.setValue(day.fullDate)
-
-                    if (typeof onChange === 'function') {
-                      onChange()
-                    }
-                  }}
-                />
-              )
-            })
-          }
-        </div>
-      </div>
+        )
+      }
     </div>
   )
 }
diff --git a/src/components/DatePicker/Calendar/Day/Day.module.scss b/src/components/DatePicker/Calendar/Cell/Cell.module.scss
similarity index 100%
rename from src/components/DatePicker/Calendar/Day/Day.module.scss
rename to src/components/DatePicker/Calendar/Cell/Cell.module.scss
diff --git a/src/components/DatePicker/Calendar/Day/Day.tsx b/src/components/DatePicker/Calendar/Cell/Cell.tsx
similarity index 73%
rename from src/components/DatePicker/Calendar/Day/Day.tsx
rename to src/components/DatePicker/Calendar/Cell/Cell.tsx
index 553fd5e9..3ea65a32 100644
--- a/src/components/DatePicker/Calendar/Day/Day.tsx
+++ b/src/components/DatePicker/Calendar/Cell/Cell.tsx
@@ -1,13 +1,13 @@
 import React from 'react'
 import cx from 'classnames'
 
-import ButtonBase from '../../../ButtonBase/ButtonBase'
 import Text from '../../../Text/Text'
+import ButtonBase from '../../../ButtonBase/ButtonBase'
 
-import s from './Day.module.scss'
+import s from './Cell.module.scss'
 
 
-type DayProps = {
+type CellProps = {
   className?: string
   title: string
   isActive?: boolean
@@ -16,7 +16,7 @@ type DayProps = {
   onClick: () => void
 }
 
-const Day: React.FC<DayProps> = (props) => {
+const Cell: React.FC<CellProps> = (props) => {
   const { className, title, isActive, isSelected, isDisabled, onClick } = props
 
   const defaultClassName = cx({
@@ -29,7 +29,7 @@ const Day: React.FC<DayProps> = (props) => {
 
   return (
     <ButtonBase
-      className={cx(className, 'transition-opacity duration-500 rounded-4 py-4', {
+      className={cx(className, 'transition-colors font-medium rounded-4 py-4', {
         [defaultClassName]: !isDisabled,
         'opacity-10': isDisabled,
       })}
@@ -38,12 +38,12 @@ const Day: React.FC<DayProps> = (props) => {
     >
       <Text
         message={title}
-        size="t16m"
-        color={isSelected && !isDisabled ? 'white' : 'dark'}
+        size="md"
+        color={isSelected && !isDisabled ? 'light' : 'dark'}
       />
     </ButtonBase>
   )
 }
 
 
-export default React.memo(Day)
+export default React.memo(Cell)
diff --git a/src/components/DatePicker/Calendar/Calendar.module.scss b/src/components/DatePicker/Calendar/Days/Days.module.scss
similarity index 100%
rename from src/components/DatePicker/Calendar/Calendar.module.scss
rename to src/components/DatePicker/Calendar/Days/Days.module.scss
diff --git a/src/components/DatePicker/Calendar/Days/Days.tsx b/src/components/DatePicker/Calendar/Days/Days.tsx
new file mode 100644
index 00000000..d8aebae4
--- /dev/null
+++ b/src/components/DatePicker/Calendar/Days/Days.tsx
@@ -0,0 +1,88 @@
+import React from 'react'
+import cx from 'classnames'
+
+import Text from '../../../Text/Text'
+import Bone from '../../../Bone/Bone'
+
+import Cell from '../Cell/Cell'
+import { getDate } from '../util'
+
+import s from './Days.module.scss'
+
+
+type DayItem = {
+  date: string
+  fullDate: string
+  yearMonth: string
+}
+
+type DaysProps = {
+  days: DayItem[]
+  weekDays: string[]
+  yearMonth: string
+  selectedDay?: string
+  isLocaleFetching: boolean
+  minimalDate: Date.Time | null
+  maximalDate: Date.Time | null
+  onSelect: (fullDate: string) => void
+}
+
+const Days: React.FC<DaysProps> = (props) => {
+  const { days, weekDays, yearMonth, selectedDay, isLocaleFetching, minimalDate, maximalDate, onSelect } = props
+
+  return (
+    <>
+      <div className={cx('grid text-center font-medium opacity-80 mt-8 capitalize', s.grid)}>
+        {
+          weekDays.map((weekDay) => (
+            isLocaleFetching ? (
+              <div
+                key={weekDay}
+                className="flex items-center justify-center"
+              >
+                <Bone
+                  className="rounded-4"
+                  w={20}
+                  h={20}
+                  delay={1}
+                />
+              </div>
+            ) : (
+              <Text
+                key={weekDay}
+                className="py-4"
+                message={weekDay}
+                size="md"
+                color="primary"
+              />
+            )
+          ))
+        }
+      </div>
+      <div className={cx('grid text-center', s.grid)}>
+        {
+          days.map((day) => {
+            const dayDate = getDate(day.fullDate) as Date.Time
+
+            return (
+              <Cell
+                key={day.fullDate}
+                title={day.date}
+                isActive={day.yearMonth === yearMonth}
+                isDisabled={(
+                  minimalDate?.isAfter(dayDate.endOf('day'))
+                  || maximalDate?.isBefore(dayDate.startOf('day'))
+                )}
+                isSelected={day.fullDate === selectedDay}
+                onClick={() => onSelect(day.fullDate)}
+              />
+            )
+          })
+        }
+      </div>
+    </>
+  )
+}
+
+
+export default React.memo(Days)
diff --git a/src/components/DatePicker/Calendar/Header/Header.tsx b/src/components/DatePicker/Calendar/Header/Header.tsx
new file mode 100644
index 00000000..91b3d280
--- /dev/null
+++ b/src/components/DatePicker/Calendar/Header/Header.tsx
@@ -0,0 +1,83 @@
+import React from 'react'
+import cx from 'classnames'
+
+import Icon from '../../../Icon/Icon'
+import Text from '../../../Text/Text'
+import Bone from '../../../Bone/Bone'
+import ButtonBase from '../../../ButtonBase/ButtonBase'
+
+
+type HeaderProps = {
+  title: string
+  isLocaleFetching: boolean
+  isTitleDisabled: boolean
+  isLeftDisabled?: boolean
+  isRightDisabled?: boolean
+  onPrev: () => void
+  onNext: () => void
+  onTitleClick: () => void
+}
+
+const Header: React.FC<HeaderProps> = (props) => {
+  const { title, isLocaleFetching, isTitleDisabled, isLeftDisabled, isRightDisabled, onPrev, onNext, onTitleClick } = props
+
+  return (
+    <div className="flex items-center">
+      <ButtonBase
+        className={cx('rounded-4', {
+          'opacity-10': isLeftDisabled,
+        })}
+        disabled={isLeftDisabled}
+        onClick={onPrev}
+      >
+        <Icon
+          name="arrow/left"
+          size={20}
+          color="dark"
+        />
+      </ButtonBase>
+      {
+        isLocaleFetching ? (
+          <div className="flex-1 flex items-center justify-center">
+            <Bone
+              className="rounded-4"
+              w={126}
+              h={24}
+            />
+          </div>
+        ) : (
+          <ButtonBase
+            className={cx('flex-1 rounded-4 p-4 transition-colors', {
+              'hover:bg-dark/5': !isTitleDisabled,
+            })}
+            disabled={isTitleDisabled}
+            onClick={onTitleClick}
+          >
+            <Text
+              className="font-medium text-center capitalize w-full"
+              message={title}
+              size="md"
+              color="dark"
+            />
+          </ButtonBase>
+        )
+      }
+      <ButtonBase
+        className={cx('rounded-4', {
+          'opacity-10': isRightDisabled,
+        })}
+        disabled={isRightDisabled}
+        onClick={onNext}
+      >
+        <Icon
+          name="arrow/right"
+          size={20}
+          color="dark"
+        />
+      </ButtonBase>
+    </div>
+  )
+}
+
+
+export default React.memo(Header)
diff --git a/src/components/DatePicker/Calendar/Months/Months.tsx b/src/components/DatePicker/Calendar/Months/Months.tsx
new file mode 100644
index 00000000..e224f989
--- /dev/null
+++ b/src/components/DatePicker/Calendar/Months/Months.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import date from 'modules/date'
+
+import Cell from '../Cell/Cell'
+
+
+type MonthItem = {
+  month: number
+  title: string
+}
+
+type MonthsProps = {
+  year: number
+  months: MonthItem[]
+  yearMonth: string
+  selectedDate: Date.Time | null
+  minimalDate: Date.Time | null
+  maximalDate: Date.Time | null
+  onSelect: (month: number) => void
+}
+
+const Months: React.FC<MonthsProps> = (props) => {
+  const { year, months, yearMonth, selectedDate, minimalDate, maximalDate, onSelect } = props
+
+  const base = date.time(yearMonth, 'YYYY-MM')
+
+  return (
+    <div className="grid grid-cols-3 gap-4 mt-8">
+      {
+        months.map(({ month, title }) => {
+          const monthDate = base.set('month', month)
+
+          const isDisabled = (
+            minimalDate?.isAfter(monthDate.endOf('month'))
+            || maximalDate?.isBefore(monthDate.startOf('month'))
+          )
+          const isSelected = selectedDate?.year() === year && selectedDate?.month() === month
+
+          return (
+            <Cell
+              key={month}
+              className="w-full capitalize"
+              title={title}
+              isActive
+              isSelected={isSelected}
+              isDisabled={isDisabled}
+              onClick={() => onSelect(month)}
+            />
+          )
+        })
+      }
+    </div>
+  )
+}
+
+
+export default React.memo(Months)
diff --git a/src/components/DatePicker/Calendar/Years/Years.tsx b/src/components/DatePicker/Calendar/Years/Years.tsx
new file mode 100644
index 00000000..d90314f5
--- /dev/null
+++ b/src/components/DatePicker/Calendar/Years/Years.tsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import date from 'modules/date'
+
+import Cell from '../Cell/Cell'
+
+
+type YearsProps = {
+  years: number[]
+  yearMonth: string
+  decadeStart: number
+  selectedDate: Date.Time | null
+  minimalDate: Date.Time | null
+  maximalDate: Date.Time | null
+  onSelect: (year: number) => void
+}
+
+const Years: React.FC<YearsProps> = (props) => {
+  const { years, yearMonth, decadeStart, selectedDate, minimalDate, maximalDate, onSelect } = props
+
+  const base = date.time(yearMonth, 'YYYY-MM')
+
+  return (
+    <div className="grid grid-cols-3 gap-4 mt-8">
+      {
+        years.map((value) => {
+          const yearDate = base.set('year', value)
+
+          const isDisabled = (
+            minimalDate?.isAfter(yearDate.endOf('year'))
+            || maximalDate?.isBefore(yearDate.startOf('year'))
+          )
+
+          return (
+            <Cell
+              key={value}
+              className="w-full"
+              title={String(value)}
+              isActive={value >= decadeStart && value <= decadeStart + 9}
+              isSelected={selectedDate?.year() === value}
+              isDisabled={isDisabled}
+              onClick={() => onSelect(value)}
+            />
+          )
+        })
+      }
+    </div>
+  )
+}
+
+
+export default React.memo(Years)
diff --git a/src/components/DatePicker/Calendar/util/useDays.ts b/src/components/DatePicker/Calendar/util/useDays.ts
index d6abe537..507972eb 100644
--- a/src/components/DatePicker/Calendar/util/useDays.ts
+++ b/src/components/DatePicker/Calendar/util/useDays.ts
@@ -1,9 +1,13 @@
 import { useCallback, useMemo } from 'react'
 import intl from 'modules/intl'
 import date from 'modules/date'
-import { useChangeEffect, useFieldListener, useObjectState } from 'hooks'
+import { useFieldListener, useObjectState } from 'hooks'
 
 
+const format = 'YYYY-MM'
+
+const weeksInGrid = 6
+
 type GetCalendarRangeInput = {
   firstDay: Date.Time
   lastDay: Date.Time
@@ -11,12 +15,9 @@ type GetCalendarRangeInput = {
 
 type Input = {
   field: Forms.Field<string>
-  animationDuration: number
 }
 
-const format = 'YYYY-MM'
-
-const useDays = ({ field, animationDuration }: Input) => {
+const useDays = ({ field }: Input) => {
   const time = date.useTime()
   const { locale } = intl.useIntl()
 
@@ -35,7 +36,7 @@ const useDays = ({ field, animationDuration }: Input) => {
     return result
   }, [ field ])
 
-  const getStateFromField = useCallback((initialDate?: string) => {
+  const getYearMonthFromField = useCallback((initialDate?: string) => {
     const { year, month } = parseFieldDate()
 
     let currentDate = initialDate ? time(initialDate, format) : time()
@@ -44,21 +45,17 @@ const useDays = ({ field, animationDuration }: Input) => {
       currentDate = currentDate.set('year', year)
     }
     if (month) {
-      // in day js months are zero-based
       currentDate = currentDate.set('month', month - 1)
     }
 
-    const yearMonth = currentDate.format(format)
-    const initialYearMonth = yearMonth
-
-    return { yearMonth, initialYearMonth }
+    return currentDate.format(format)
   }, [ time, parseFieldDate ])
 
-  const [ { yearMonth, initialYearMonth }, setState ] = useObjectState(getStateFromField())
+  const [ { yearMonth }, setState ] = useObjectState({ yearMonth: getYearMonthFromField() })
 
   const onFieldChange = useCallback(() => {
-    setState({ yearMonth: getStateFromField(yearMonth).yearMonth })
-  }, [ yearMonth, setState, getStateFromField ])
+    setState({ yearMonth: getYearMonthFromField(yearMonth) })
+  }, [ yearMonth, setState, getYearMonthFromField ])
 
   useFieldListener(field, onFieldChange)
 
@@ -72,6 +69,28 @@ const useDays = ({ field, animationDuration }: Input) => {
     })
   }, [ yearMonth, time, setState ])
 
+  const setYear = useCallback((count: number) => {
+    const nextYearMonth = time(yearMonth, format)
+      .add(count, 'year')
+      .format(format)
+
+    setState({
+      yearMonth: nextYearMonth,
+    })
+  }, [ yearMonth, time, setState ])
+
+  const selectMonth = useCallback((month: number) => {
+    setState({
+      yearMonth: time(yearMonth, format).set('month', month).format(format),
+    })
+  }, [ yearMonth, time, setState ])
+
+  const selectYear = useCallback((value: number) => {
+    setState({
+      yearMonth: time(yearMonth, format).set('year', value).format(format),
+    })
+  }, [ yearMonth, time, setState ])
+
   const weekDays = useMemo(() => {
     return new Array(7)
       .fill(null)
@@ -81,15 +100,11 @@ const useDays = ({ field, animationDuration }: Input) => {
   }, [ time ])
 
   const getCalendarRange = useCallback((yearMonth: string) => {
-    const selectedMonth = time(yearMonth, format)
-    const startOfMonth = selectedMonth.startOf('month')
-    const endOfMonth = selectedMonth.endOf('month')
-
+    const startOfMonth = time(yearMonth, format).startOf('month')
     const startDiff = weekDays.indexOf(startOfMonth.format('dd'))
-    const endDiff = 6 - weekDays.indexOf(endOfMonth.format('dd'))
 
     const firstDay = startOfMonth.subtract(startDiff, 'day')
-    const lastDay = endOfMonth.add(endDiff, 'day')
+    const lastDay = firstDay.add(weeksInGrid * 7 - 1, 'day')
 
     return {
       firstDay,
@@ -97,14 +112,6 @@ const useDays = ({ field, animationDuration }: Input) => {
     }
   }, [ weekDays, time ])
 
-  const monthRange = useMemo(() => {
-    return getCalendarRange(yearMonth)
-  }, [ yearMonth, getCalendarRange ])
-
-  const initialMonthRange = useMemo(() => {
-    return getCalendarRange(initialYearMonth)
-  }, [ initialYearMonth, getCalendarRange ])
-
   const getDays = useCallback(({ firstDay, lastDay }: GetCalendarRangeInput) => {
     return new Array(lastDay.diff(firstDay, 'day') + 1)
       .fill(null)
@@ -122,59 +129,66 @@ const useDays = ({ field, animationDuration }: Input) => {
   }, [])
 
   const days = useMemo(() => {
-    const daysDiff = monthRange.firstDay.diff(initialMonthRange.firstDay, 'day')
+    return getDays(getCalendarRange(yearMonth))
+  }, [ yearMonth, getCalendarRange, getDays ])
 
-    const firstDay = daysDiff > 0
-      ? initialMonthRange.firstDay
-      : monthRange.firstDay
+  const title = useMemo(() => time(yearMonth, format).format('MMMM, YYYY'), [ yearMonth, time ])
 
-    const lastDay = daysDiff > 0
-      ? monthRange.lastDay
-      : initialMonthRange.lastDay
+  const current = useMemo(() => time(yearMonth, format), [ yearMonth, time ])
 
-    return getDays({ firstDay, lastDay })
-  }, [ monthRange, initialMonthRange, getDays ])
+  const year = useMemo(() => current.year(), [ current ])
 
-  const weeksCount = useMemo(() => {
-    return monthRange.lastDay.diff(monthRange.firstDay, 'week') + 1
-  }, [ monthRange ])
+  const decadeStart = useMemo(() => Math.floor(year / 10) * 10, [ year ])
 
-  const weeksOffset = useMemo(() => {
-    return initialMonthRange.firstDay.diff(monthRange.firstDay, 'week')
-  }, [ monthRange, initialMonthRange ])
+  const months = useMemo(() => (
+    new Array(12).fill(null).map((_, index) => ({
+      month: index,
+      title: current.set('month', index).format('MMM'),
+    }))
+  ), [ current ])
 
-  const title = useMemo(() => time(yearMonth, format).format('MMMM, YYYY'), [ yearMonth, time ])
+  const years = useMemo(() => (
+    new Array(12).fill(null).map((_, index) => decadeStart - 1 + index)
+  ), [ decadeStart ])
 
-  const isLocaleFetching = useMemo(() => locale !== time().locale(), [ time, locale ])
+  const yearTitle = useMemo(() => String(year), [ year ])
 
-  useChangeEffect<[ string, number ]>(() => {
-    const timeout = setTimeout(() => {
-      setState({ initialYearMonth: yearMonth })
-    }, animationDuration)
+  const decadeTitle = useMemo(() => `${decadeStart} – ${decadeStart + 9}`, [ decadeStart ])
 
-    return () => {
-      clearTimeout(timeout)
-    }
-  }, [ yearMonth, animationDuration ])
+  const isLocaleFetching = useMemo(() => locale !== time().locale(), [ time, locale ])
 
   return useMemo(() => ({
     days,
+    year,
     title,
+    years,
+    months,
     weekDays,
     yearMonth,
-    weeksCount,
-    weeksOffset,
+    yearTitle,
+    decadeStart,
+    decadeTitle,
     isLocaleFetching,
+    setYear,
     setMonth,
+    selectYear,
+    selectMonth,
   }), [
+    year,
     days,
     title,
+    years,
+    months,
     weekDays,
+    yearTitle,
     yearMonth,
-    weeksCount,
-    weeksOffset,
+    decadeStart,
+    decadeTitle,
     isLocaleFetching,
+    setYear,
     setMonth,
+    selectYear,
+    selectMonth,
   ])
 }
 
diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx
index e82d112a..ee86128e 100644
--- a/src/components/DatePicker/DatePicker.tsx
+++ b/src/components/DatePicker/DatePicker.tsx
@@ -1,22 +1,27 @@
 import React, { Fragment } from 'react'
 import cx from 'classnames'
+import theme from 'modules/theme'
 import { offset } from '@floating-ui/react'
+import type { Placement } from '@floating-ui/react'
 import { autoUpdate, useFloating } from '@floating-ui/react-dom'
 import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
 
-import Input from '../Input/Input'
-import type { InputProps } from '../Input/Input'
+import Input, { InputProps } from '../Input/Input'
 
 import Calendar, { CalendarProps } from './Calendar/Calendar'
 
 
-export type DatePickerProps = Omit<InputProps, 'field'> & Omit<CalendarProps, 'onChange'>
+export type DatePickerProps = Omit<InputProps, 'field'> & Omit<CalendarProps, 'onChange'> & {
+  placement?: Placement
+}
 
 const DatePicker: React.FC<DatePickerProps> = (props) => {
-  const { className, field, minDate, maxDate, ...rest } = props
+  const { className, field, minDate, maxDate, placement = 'bottom-start', ...rest } = props
+
+  const { isDark } = theme.useData()
 
   const { refs, floatingStyles } = useFloating({
-    placement: 'bottom-start',
+    placement,
     middleware: [
       offset(10),
     ],
@@ -48,7 +53,9 @@ const DatePicker: React.FC<DatePickerProps> = (props) => {
           </PopoverButton>
           <PopoverPanel
             ref={refs.setFloating}
-            className="p-16 rounded-8 bg-background border border-dark/10 shadow-md z-20"
+            className={cx('bg-background border border-dark/10 shadow-md p-16 rounded-12 z-20', {
+              'bg-black/50!': isDark,
+            })}
             style={floatingStyles}
           >
             <Calendar
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 414d835c..2681e347 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -52,16 +52,21 @@ const Dropdown: React.FC<DropdownProps> = (props) => {
             {...rest}
           >
             {
-              ({ selected }) => (
-                <Option
-                  title={title}
-                  subTitle={subTitle}
-                  logo={logo}
-                  icon={icon}
-                  active={typeof onClick === 'function' ? false : selected}
-                  isError={isError}
-                />
-              )
+              ({ focus, selected }) => {
+                const isSelected = typeof onClick === 'function' ? false : selected
+
+                return (
+                  <Option
+                    title={title}
+                    subTitle={subTitle}
+                    logo={logo}
+                    icon={icon}
+                    active={isSelected}
+                    focused={focus}
+                    isError={isError}
+                  />
+                )
+              }
             }
           </ListboxOption>
         ))
diff --git a/src/components/Dropdown/DropdownView/Dropdown.module.scss b/src/components/Dropdown/DropdownView/Dropdown.module.scss
index aacc089d..ee199d21 100644
--- a/src/components/Dropdown/DropdownView/Dropdown.module.scss
+++ b/src/components/Dropdown/DropdownView/Dropdown.module.scss
@@ -3,6 +3,16 @@
     position: relative;
     z-index: 1;
   }
+
+  &:has([aria-haspopup]:focus-visible),
+  &:has([aria-haspopup] :focus-visible) {
+    outline: 2px solid rgba($color-primary-rgb, .7);
+    outline-offset: 2px;
+  }
+
+  :focus-visible {
+    outline: none;
+  }
 }
 
 .options {
diff --git a/src/components/Dropdown/DropdownView/DropdownView.tsx b/src/components/Dropdown/DropdownView/DropdownView.tsx
index e6b4e244..47fe394f 100644
--- a/src/components/Dropdown/DropdownView/DropdownView.tsx
+++ b/src/components/Dropdown/DropdownView/DropdownView.tsx
@@ -1,8 +1,8 @@
 import React, { KeyboardEventHandler, ReactElement, ReactNode, useRef } from 'react'
 import cx from 'classnames'
 import type { Placement } from '@floating-ui/react'
-import { autoUpdate, flip, useFloating } from '@floating-ui/react-dom'
 import { offset, shift, OffsetOptions } from '@floating-ui/react'
+import { autoUpdate, flip, useFloating } from '@floating-ui/react-dom'
 import { Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/react'
 
 import s from './Dropdown.module.scss'
@@ -64,17 +64,33 @@ const DropdownView: DropdownViewComponent = (props: DropdownViewProps) => {
   })
 
   return (
-    <div className={cx(className, s.dropdown, 'inline-flex relative')}>
+    <div
+      ref={refs.setReference}
+      className={cx(className, s.dropdown, 'inline-flex relative', {
+        'opacity-50 pointer-events-none': disabled,
+      })}
+    >
       <Listbox
         disabled={disabled}
         value={value}
         onChange={onChange}
       >
-        <ListboxButton as="div" ref={refs.setReference}>
+        <ListboxButton
+          as="div"
+          onKeyDown={(event: React.KeyboardEvent<HTMLDivElement>) => {
+            if (event.key === 'Enter') {
+              // headlessui intercepts the event, so re-dispatch it as space to open the dropdown from the keyboard
+              const spaceEvent = new KeyboardEvent('keydown', { key: ' ', bubbles: true })
+
+              event.preventDefault()
+              event.currentTarget.dispatchEvent(spaceEvent)
+            }
+          }}
+        >
           {
             ({ open }) => {
               if (open && !isOpenRef.current && typeof onOpen === 'function') {
-                setTimeout(onOpen)
+                onOpen()
               }
 
               if (!open && isOpenRef.current && typeof onClose === 'function') {
@@ -90,6 +106,7 @@ const DropdownView: DropdownViewComponent = (props: DropdownViewProps) => {
           }
         </ListboxButton>
         <ListboxOptions
+          modal={false}
           ref={refs.setFloating}
           className={cx(
             s.options,
diff --git a/src/components/Dropdown/Option/Option.tsx b/src/components/Dropdown/Option/Option.tsx
index 1fd629d5..81d4f157 100644
--- a/src/components/Dropdown/Option/Option.tsx
+++ b/src/components/Dropdown/Option/Option.tsx
@@ -18,39 +18,42 @@ type OptionProps = {
   logo?: LogoName
   icon?: IconName
   active?: boolean
+  focused?: boolean
   isError?: boolean
   withArrow?: boolean
   onClick?: () => void
 }
 
 const Option: React.FC<OptionProps> = (props) => {
-  const { className, title, subTitle, logo, icon, active, isError, withArrow, onClick } = props
+  const { className, title, subTitle, logo, icon, active, focused, isError, withArrow, onClick } = props
 
   const titleClassName = cx('whitespace-nowrap', {
     'ml-12': logo || icon,
+    'opacity-70': !active,
   })
 
   return (
     <div
       className={cx(s.option, className, 'flex items-center pl-16 pr-24 cursor-pointer', {
         'bg-primary/10': active,
+        'bg-dark/5': focused && !active,
         [s.withSubTitle]: subTitle,
       })}
       onClick={onClick}
     >
       {
         Boolean(logo || icon) && (
-          <div className={cx(s.logo, 'flex rounded-full p-4')}>
+          <div className={cx(s.logo, 'rounded-full p-4')}>
             {
               logo ? (
                 <Logo
                   name={logo as LogoName}
-                  size={24}
+                  size={20}
                 />
               ) : (
                 <Icon
                   name={icon as IconName}
-                  size={24}
+                  size={20}
                   color="dark"
                 />
               )
@@ -67,9 +70,8 @@ const Option: React.FC<OptionProps> = (props) => {
               withArrow={withArrow}
             />
             <Text
-              className="opacity-50"
               message={subTitle as string}
-              size="t12"
+              size="xs"
               color="dark"
             />
           </div>
diff --git a/src/components/Dropdown/Option/OptionTitle/OptionTitle.tsx b/src/components/Dropdown/Option/OptionTitle/OptionTitle.tsx
index f75bfba8..f886deab 100644
--- a/src/components/Dropdown/Option/OptionTitle/OptionTitle.tsx
+++ b/src/components/Dropdown/Option/OptionTitle/OptionTitle.tsx
@@ -23,7 +23,7 @@ const OptionTitle: React.FC<OptionTitleProps> = (props) => {
         <Text
           message={title}
           color={isError ? 'error' : 'dark'}
-          size="t14"
+          size="sm"
         />
         <Icon
           className="ml-8"
@@ -40,7 +40,7 @@ const OptionTitle: React.FC<OptionTitleProps> = (props) => {
       className={className}
       message={title}
       color={isError ? 'error' : 'dark'}
-      size="t14"
+      size="sm"
     />
   )
 }
diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index 37be3399..51d6244d 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -4,12 +4,13 @@ import React, { useCallback } from 'react'
 export type FormProps = React.AllHTMLAttributes<HTMLFormElement> & {
   loading?: boolean
   disabled?: boolean
+  dataTestId?: string
   onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void
 }
 
 // Helper to handle loading and disable states for form
 const Form: React.FunctionComponent<FormProps> = (props) => {
-  const { children, loading, disabled, onSubmit, ...rest } = props
+  const { children, loading, disabled, dataTestId, onSubmit, ...rest } = props
 
   const handleSubmit = useCallback<React.FormEventHandler<HTMLFormElement>>((event) => {
     event.preventDefault()
@@ -28,6 +29,7 @@ const Form: React.FunctionComponent<FormProps> = (props) => {
       {...rest}
       noValidate
       aria-busy={loading}
+      data-testid={dataTestId}
       onSubmit={handleSubmit}
     >
       {children}
diff --git a/src/components/FormValid/FormValid.tsx b/src/components/FormValid/FormValid.tsx
index 180093fb..bd2ce709 100644
--- a/src/components/FormValid/FormValid.tsx
+++ b/src/components/FormValid/FormValid.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react'
+import React, { ReactNode, useMemo } from 'react'
 
 import forms from 'modules/forms'
 
@@ -7,12 +7,15 @@ export type FormValidProps = {
   children: (fieldState: boolean) => ReactNode
   form: Forms.Form<any>
   filled?: boolean
+  group?: string
 }
 
 const FormValid: React.FC<FormValidProps> = (props) => {
-  const { children, form, filled } = props
+  const { children, form, filled, group } = props
 
-  const isValid = forms.useFormValidate(form)
+  const options = useMemo(() => ({ group }), [ group ])
+
+  const isValid = forms.useFormValidate(form, options)
   const isFilled = forms.useFormFilled(form)
 
   return (
diff --git a/src/components/Href/Href.tsx b/src/components/Href/Href.tsx
index b0596327..2905654f 100644
--- a/src/components/Href/Href.tsx
+++ b/src/components/Href/Href.tsx
@@ -12,13 +12,14 @@ export type HrefProps = {
   tabIndex?: string
   dataTestId?: string
   targetBlank?: boolean
+  nofollow?: boolean
   ariaLabel?: string | Intl.Message
   ref?: React.RefObject<HTMLAnchorElement>
   onClick?: (event: any) => void
 }
 
 const Href: React.FC<HrefProps> = (props) => {
-  const { children, className, to, ref, targetBlank, dataTestId, ariaLabel, onClick, ...otherProps } = props
+  const { children, className, to, ref, targetBlank, dataTestId, ariaLabel, nofollow = true, onClick, ...otherProps } = props
 
   const htmlAttrs = methods.getGlobalHtmlAttrs(otherProps)
   const isInternal = to && !/^(http|mailto)/.test(to)
@@ -29,7 +30,7 @@ const Href: React.FC<HrefProps> = (props) => {
   const translations = intl.useIntl()
 
   const _ariaLabel = typeof ariaLabel === 'object'
-    ? translations.formatMessage(ariaLabel)
+    ? translations.formatMessage(ariaLabel, ariaLabel.values)
     : ariaLabel
 
   // Handle enter click on focused link
@@ -41,6 +42,14 @@ const Href: React.FC<HrefProps> = (props) => {
 
   useEventListener('keyup', handler, _ref)
 
+  const isTargetBlank = Boolean(to || targetBlank)
+
+  let rel = isTargetBlank ? 'noreferrer' : ''
+
+  if (nofollow) {
+    rel = 'noopener noreferrer nofollow'
+  }
+
   if (isInternal) {
     return (
       <NextLink
@@ -60,16 +69,17 @@ const Href: React.FC<HrefProps> = (props) => {
   }
 
   return (
+    // eslint-disable-next-line react/jsx-no-target-blank
     <a
       // @ts-ignore
       ref={_ref}
       className={className}
       href={to}
-      target={(to || targetBlank) ? '_blank' : undefined}
-      rel="noopener noreferrer nofollow"
+      target={isTargetBlank ? '_blank' : undefined}
       onClick={onClick}
       aria-label={_ariaLabel}
       data-testid={dataTestId}
+      rel={rel}
       {...htmlAttrs}
     >
       {children}
diff --git a/src/components/Icon/Icon.module.scss b/src/components/Icon/Icon.module.scss
index 4a8dabc2..97ed7077 100644
--- a/src/components/Icon/Icon.module.scss
+++ b/src/components/Icon/Icon.module.scss
@@ -1,11 +1,11 @@
 .down {
-  transform: rotate(180deg);
+  transform: rotate(90deg);
 }
 
 .left {
-  transform: rotate(-90deg);
+  transform: rotate(180deg);
 }
 
-.right {
-  transform: rotate(90deg);
+.up {
+  transform: rotate(-90deg);
 }
diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index e271a97b..feef6e88 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -8,7 +8,7 @@ import { constants } from '../../helpers'
 import s from './Icon.module.scss'
 
 
-export const sizes = [ 12, 16, 20, 24, 28, 32, 45 ] as const
+export const sizes = [ 12, 16, 20, 24, 28, 32, 45, 64 ] as const
 
 type Color = typeof constants.colors[number]
 
@@ -21,17 +21,25 @@ export type IconProps = {
   dataTestId?: string
 }
 
+const getArrowDirection = (name: string) => {
+  if (!name.startsWith('arrow')) {
+    return
+  }
+
+  const [ , dir ] = name.split('/')
+
+  return dir
+}
+
 const Icon: React.FC<IconProps> = (props) => {
   const { className, name, size = 16, color = 'dark', ref, dataTestId } = props
 
-  const arrowDirection = /arrows?\//.test(name)
-    ? name.replace(/(new-)?arrows?\/(up)?/, '')
-    : ''
+  const arrowDirection = getArrowDirection(name)
 
   return (
     <Image
       ref={ref}
-      className={cx(s[arrowDirection], className)}
+      className={cx(arrowDirection && s[arrowDirection], className)}
       name={name}
       size={size}
       color={color}
diff --git a/src/components/Image/Image.tsx b/src/components/Image/Image.tsx
index 5e2aa11c..303728e5 100644
--- a/src/components/Image/Image.tsx
+++ b/src/components/Image/Image.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react'
-import cx from 'classnames'
 import kit from 'modules/kit-provider'
+import cx from 'classnames'
 
 import { constants } from '../../helpers'
 import getImageStyle from './util/getImageStyle'
diff --git a/src/components/Image/util/images.ts b/src/components/Image/util/images.ts
index edf2c9de..2804105d 100644
--- a/src/components/Image/util/images.ts
+++ b/src/components/Image/util/images.ts
@@ -11,6 +11,9 @@ export const logos = [
   'token/osETH',
   'token/osGNO',
 
+  'token/ETH-dark',
+  'token/GNO-dark',
+
   'token/WETH',
   'token/eETH',
   'token/ETHx',
@@ -35,26 +38,21 @@ export const logos = [
   'token/wstETH',
   'token/frxETH',
 
-  'connector/MMI',
-  'connector/okx',
-  'connector/rabby',
-  'connector/taho',
-  'connector/zengo',
   'connector/ledger',
-  'connector/portis',
   'connector/binance',
   'connector/coinbase',
-  'connector/metamask',
-  'connector/gnosisSafe',
   'connector/ledgerLive',
-  'connector/trustWallet',
-  'connector/braveBrowser',
+  'connector/gnosisSafe',
   'connector/walletConnect',
   'connector/monitorAddress',
 
+  'image/file',
   'image/error',
-  'image/magic',
+  'image/party',
+  'image/cancel',
   'image/success',
+  'image/warning',
+  'image/progress',
   'image/information',
 
   'language/en',
@@ -65,33 +63,68 @@ export const logos = [
   'language/ru',
   'language/zh',
 
-  'theme/sun',
-  'theme/moon',
+  'network/arbitrum',
 ] as const
 
 export const icons = [
-  'arrow/right',
-  'arrow/down',
-  'arrow/left',
-  'arrow/up',
+  'icon/dao',
   'icon/gas',
+  'icon/dots',
+  'icon/lock',
+  'icon/user',
   'icon/plus',
   'icon/info',
+  'icon/edit',
   'icon/gear',
   'icon/copy',
   'icon/link',
   'icon/home',
+  'icon/lamp',
+  'icon/book',
+  'icon/send',
+  'icon/undo',
+  'icon/caret',
+  'icon/share',
+  'icon/token',
+  'icon/trash',
+  'icon/chats',
+  'icon/email',
   'icon/money',
   'icon/earth',
   'icon/theme',
   'icon/close',
   'icon/check',
+  'icon/users',
+  'icon/minus',
+  'icon/shield',
   'icon/loader',
   'icon/search',
+  'icon/filter',
   'icon/upload',
+  'icon/storage',
+  'icon/actions',
+  'icon/percent',
+  'icon/control',
+  'icon/support',
+  'icon/rewards',
   'icon/warning',
   'icon/calendar',
+  'icon/collapse',
   'icon/scrollUp',
+  'icon/plusThin',
+  'icon/metaVault',
+  'icon/validators',
+  'icon/notification',
+  'icon/vaultDeposit',
+
+  'arrow/up',
+  'arrow/down',
+  'arrow/left',
+  'arrow/right',
+  'arrowLong/up',
+  'arrowLong/down',
+  'arrowLong/left',
+  'arrowLong/right',
 
   'currency/usd',
   'currency/eur',
@@ -100,6 +133,18 @@ export const icons = [
   'currency/jpy',
   'currency/krw',
   'currency/aud',
+
+  'social/discord',
+  'social/twitter',
+  'social/facebook',
+  'social/telegram',
+  'social/discordLine',
+  'social/twitterLine',
+  'social/facebookLine',
+  'social/telegramLine',
+
+  'theme/sun',
+  'theme/moon',
 ] as const
 
 
diff --git a/src/components/ImagesProvider/images/connector/MMI.svg b/src/components/ImagesProvider/images/connector/MMI.svg
deleted file mode 100644
index 22cb4d99..00000000
--- a/src/components/ImagesProvider/images/connector/MMI.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<svg width="562" height="518" viewBox="0 0 562 518" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M534.203 0.783691L314.658 162.169L355.484 67.0594L534.203 0.783691Z" fill="#6D95F9"/>
-<path d="M27.7988 0.783691L245.389 163.676L206.518 67.0594L27.7988 0.783691Z" fill="#6D95F9"/>
-<path d="M455.16 374.986L396.745 463.641L521.827 497.855L557.658 376.923L455.16 374.986Z" fill="#6D95F9"/>
-<path d="M4.56055 376.923L40.1741 497.855L165.039 463.641L106.841 374.986L4.56055 376.923Z" fill="#6D95F9"/>
-<path d="M158.308 225.216L123.563 277.29L247.342 282.885L243.216 150.548L158.308 225.216Z" fill="#6D95F9"/>
-<path d="M403.692 225.214L317.481 149.04L314.658 282.882L438.437 277.287L403.692 225.214Z" fill="#6D95F9"/>
-<path d="M165.037 463.637L239.956 427.702L175.461 377.78L165.037 463.637Z" fill="#6D95F9"/>
-<path d="M322.044 427.702L396.745 463.637L386.539 377.78L322.044 427.702Z" fill="#6D95F9"/>
-<path d="M396.744 463.637L322.043 427.702L328.123 475.903L327.472 496.345L396.744 463.637Z" fill="#D7C1B3"/>
-<path d="M165.039 463.646L234.529 496.353L234.095 475.911L239.958 427.71L165.039 463.646Z" fill="#D7C1B3"/>
-<path d="M235.831 345.93L173.725 327.855L217.59 307.843L235.831 345.93Z" fill="#2F343B"/>
-<path d="M326.165 345.93L344.406 307.843L388.489 327.855L326.165 345.93Z" fill="#2F343B"/>
-<path d="M165.039 463.639L175.896 374.985L106.841 376.921L165.039 463.639Z" fill="#497BF8"/>
-<path d="M386.102 374.985L396.742 463.639L455.157 376.921L386.102 374.985Z" fill="#497BF8"/>
-<path d="M438.436 277.29L314.657 282.884L326.166 345.932L344.408 307.845L388.49 327.857L438.436 277.29Z" fill="#497BF8"/>
-<path d="M173.725 327.857L217.591 307.845L235.832 345.932L247.341 282.884L123.562 277.29L173.725 327.857Z" fill="#497BF8"/>
-<path d="M123.563 277.303L175.464 377.792L173.726 327.87L123.563 277.303Z" fill="#6D95F9"/>
-<path d="M388.493 327.857L386.539 377.779L438.439 277.29L388.493 327.857Z" fill="#6D95F9"/>
-<path d="M247.341 282.882L235.832 345.93L250.381 420.383L253.639 322.26L247.341 282.882Z" fill="#6D95F9"/>
-<path d="M314.659 282.882L308.579 322.045L311.619 420.383L326.169 345.93L314.659 282.882Z" fill="#6D95F9"/>
-<path d="M326.169 345.938L311.619 420.39L322.043 427.706L386.538 377.784L388.492 327.863L326.169 345.938Z" fill="#B6CAFC"/>
-<path d="M173.725 327.863L175.462 377.784L239.957 427.706L250.381 420.39L235.831 345.938L173.725 327.863Z" fill="#B6CAFC"/>
-<path d="M327.472 496.344L328.123 475.902L322.477 471.168H239.523L234.095 475.902L234.529 496.344L165.039 463.636L189.36 483.433L238.655 517.216H323.128L372.64 483.433L396.744 463.636L327.472 496.344Z" fill="#C0AD9E"/>
-<path d="M322.043 427.701L311.619 420.385H250.381L239.958 427.701L234.095 475.902L239.524 471.168H322.477L328.123 475.902L322.043 427.701Z" fill="#2F343B"/>
-<path d="M543.542 172.713L562 83.6284L534.204 0.783691L322.043 156.79L403.693 225.217L519.003 258.57L544.41 229.091L533.335 221.129L550.925 205.206L537.461 194.877L555.051 181.536L543.542 172.713Z" fill="#2C56DD"/>
-<path d="M0 83.6418L18.6754 172.727L6.73183 181.549L24.5386 194.89L11.0749 205.219L28.6646 221.142L17.5896 229.104L42.9968 258.584L158.307 225.231L239.957 156.803L27.7959 0.797119L0 83.6418Z" fill="#2C56DD"/>
-<path d="M519.002 258.572L403.692 225.219L438.437 277.293L386.537 377.783L455.158 376.922H557.656L519.002 258.572Z" fill="#B6CAFC"/>
-<path d="M158.306 225.219L42.9961 258.572L4.55957 376.922H106.84L175.461 377.783L123.561 277.293L158.306 225.219Z" fill="#B6CAFC"/>
-<path d="M314.657 282.882L322.041 156.786L355.482 67.0559H206.514L239.956 156.786L247.339 282.882L250.162 322.476L250.379 420.383H311.617L311.834 322.476L314.657 282.882Z" fill="#B6CAFC"/>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/braveBrowser.svg b/src/components/ImagesProvider/images/connector/braveBrowser.svg
deleted file mode 100644
index e3749a65..00000000
--- a/src/components/ImagesProvider/images/connector/braveBrowser.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="301px" viewBox="0 0 256 301" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <defs>
-        <linearGradient x1="0%" y1="50.017894%" x2="100.096998%" y2="50.017894%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.9576" offset="14.13%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.7" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-0.0390588235%" y1="49.9824538%" x2="100%" y2="49.9824538%" id="linearGradient-2">
-            <stop stop-color="#F1F1F2" offset="0%"></stop>
-            <stop stop-color="#E4E5E6" offset="9.191442%"></stop>
-            <stop stop-color="#D9DADB" offset="23.57%"></stop>
-            <stop stop-color="#D2D4D5" offset="43.8%"></stop>
-            <stop stop-color="#D0D2D3" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-	<g>
-		<path d="M256,97.1 L246.7,72 L253.1,57.6 C253.9,55.7 253.5,53.6 252.1,52.1 L234.6,34.4 C226.9,26.7 215.5,24 205.2,27.6 L200.3,29.3 L173.5,0.3 L128.2,0 L127.9,0 L82.3,0.4 L55.6,29.6 L50.8,27.9 C40.4,24.2 28.9,26.9 21.2,34.8 L3.4,52.8 C2.2,54 1.9,55.7 2.5,57.2 L9.2,72.2 L0,97.3 L6,120 L33.2,223.3 C36.3,235.2 43.5,245.6 53.6,252.8 C53.6,252.8 86.6,276.1 119.1,297.2 C122,299.1 125,300.4 128.2,300.4 C131.4,300.4 134.4,299.1 137.3,297.2 C173.9,273.2 202.8,252.7 202.8,252.7 C212.8,245.5 220,235.1 223.1,223.2 L250.1,119.9 L256,97.1 Z" fill="#F15A22"></path>
-		<path d="M34.5,227.7 L0,99.5 L10.1,74.4 L3.1,55.8 L19.8,38.8 C25.3,33.9 36.1,32.2 41.1,35.1 L67.2,50.1 L101.2,58 L127.7,47 L129.9,274.7 C129.5,307.5 131.6,304 107.5,288.5 L48,248.6 C41.6,242.5 36.7,235.6 34.5,227.7 Z" fill="url(#linearGradient-1)" opacity="0.15" style="mix-blend-mode: lighten;"></path>
-		<path d="M202.2,252.245742 L151.6,286.845742 C137.5,294.545742 130.7,302.145742 129.6,298.445742 C128.7,295.545742 129.4,287.045742 129.1,273.845742 L128.5,51.1457423 C128.6,48.9457423 130.1,45.2457423 132.7,45.6457423 L158.5,53.4457423 L195.7,47.6457423 L220.3,29.5457423 C222.9,27.5457423 226.7,27.7457423 229.1,30.0457423 L251.1,51.0457423 C253.1,53.1457423 253.2,57.2457423 252,59.8457423 L245.9,71.1457423 L256,97.2457423 L221.2,226.645742 C215.8,242.745742 208.2,246.945742 202.2,252.245742 Z" fill="url(#linearGradient-2)" opacity="0.4" style="mix-blend-mode: darken;"></path>
-		<path d="M134,184.801367 C132.8,184.301367 131.5,183.901367 131.1,183.901367 L129.5,183.901367 L127.9,183.901367 C127.5,183.901367 126.2,184.301367 125,184.801367 L112,190.201367 C110.8,190.701367 108.8,191.601367 107.6,192.201367 L88,202.401367 C86.8,203.001367 86.7,204.101367 87.8,204.901367 L105.1,217.101367 C106.2,217.901367 107.9,219.201367 108.9,220.101367 L116.6,226.701367 C117.6,227.601367 119.2,229.001367 120.2,229.901367 L127.6,236.501367 C128.6,237.401367 130.2,237.401367 131.2,236.501367 L138.8,229.901367 C139.8,229.001367 141.4,227.601367 142.4,226.701367 L150.1,220.001367 C151.1,219.101367 152.8,217.801367 153.9,217.001367 L171.2,204.701367 C172.3,203.901367 172.2,202.801367 171,202.201367 L151.4,192.201367 C150.2,191.601367 148.2,190.701367 147,190.201367 L134,184.801367 Z" fill="#FFFFFF"></path>
-		<path d="M227.813299,101.557129 C228.213299,100.257129 228.213299,99.7571289 228.213299,99.7571289 C228.213299,98.4571289 228.113299,96.2571289 227.913299,94.9571289 L226.913299,92.0571289 C226.313299,90.8571289 225.313299,88.9571289 224.513299,87.8571289 L213.213299,71.1571289 C212.513299,70.0571289 211.213299,68.3571289 210.313299,67.2571289 L195.713299,48.9571289 C194.913299,47.9571289 194.113299,47.0571289 194.013299,47.1571289 L193.813299,47.1571289 C193.813299,47.1571289 192.713299,47.3571289 191.413299,47.5571289 L169.113299,51.9571289 C167.813299,52.2571289 165.713299,52.6571289 164.413299,52.8571289 L164.013299,52.9571289 C162.713299,53.1571289 160.613299,53.0571289 159.313299,52.6571289 L140.613299,46.6571289 C139.313299,46.2571289 137.213299,45.6571289 136.013299,45.3571289 C136.013299,45.3571289 132.213299,44.4571289 129.113299,44.5571289 C126.013299,44.5571289 122.213299,45.3571289 122.213299,45.3571289 C120.913299,45.6571289 118.813299,46.2571289 117.613299,46.6571289 L98.9132993,52.6571289 C97.6132993,53.0571289 95.5132993,53.1571289 94.2132993,52.9571289 L93.8132993,52.8571289 C92.5132993,52.6571289 90.4132993,52.1571289 89.1132993,51.9571289 L66.6132993,47.7571289 C65.3132993,47.4571289 64.2132993,47.3571289 64.2132993,47.3571289 L64.0132993,47.3571289 C63.9132993,47.3571289 63.1132993,48.1571289 62.3132993,49.1571289 L47.7132993,67.4571289 C46.9132993,68.4571289 45.6132993,70.2571289 44.8132993,71.3571289 L33.5132993,88.0571289 C32.8132993,89.1571289 31.7132993,91.0571289 31.1132993,92.2571289 L30.1132993,95.1571289 C29.9132993,96.4571289 29.7132993,98.6571289 29.8132993,99.9571289 C29.8132993,99.9571289 29.8132993,100.357129 30.2132993,101.757129 C30.9132993,104.157129 32.6132993,106.357129 32.6132993,106.357129 C33.4132993,107.357129 34.9132993,109.057129 35.8132993,109.957129 L68.9132993,145.157129 C69.8132993,146.157129 70.1132993,147.957129 69.6132993,149.157129 L62.7132993,165.457129 C62.2132993,166.657129 62.1132993,168.657129 62.6132993,169.957129 L64.5132993,175.057129 C66.1132993,179.357129 68.8132993,183.157129 72.4132993,186.057129 L79.1132993,191.457129 C80.1132993,192.257129 81.9132993,192.557129 83.1132993,191.957129 L104.313299,181.857129 C105.513299,181.257129 107.313299,180.057129 108.313299,179.157129 L123.513299,165.457129 C125.713299,163.457129 125.813299,160.057129 123.813299,157.857129 L91.9132993,136.357129 C90.8132993,135.657129 90.4132993,134.057129 91.0132993,132.857129 L105.013299,106.457129 C105.613299,105.257129 105.713299,103.357129 105.213299,102.157129 L103.513299,98.2571289 C103.013299,97.0571289 101.513299,95.6571289 100.313299,95.1571289 L59.2132993,79.7571289 C58.0132993,79.2571289 58.0132993,78.7571289 59.3132993,78.6571289 L85.8132993,76.1571289 C87.1132993,76.0571289 89.2132993,76.2571289 90.5132993,76.5571289 L114.113299,83.1571289 C115.413299,83.5571289 116.213299,84.8571289 116.013299,86.1571289 L107.813299,131.057129 C107.613299,132.357129 107.613299,134.157129 107.913299,135.157129 C108.213299,136.157129 109.513299,137.057129 110.813299,137.357129 L127.213299,140.857129 C128.513299,141.157129 130.613299,141.157129 131.913299,140.857129 L147.213299,137.357129 C148.513299,137.057129 149.813299,136.057129 150.113299,135.157129 C150.413299,134.257129 150.513299,132.357129 150.213299,131.057129 L142.113299,86.1571289 C141.913299,84.8571289 142.713299,83.4571289 144.013299,83.1571289 L167.613299,76.5571289 C168.913299,76.1571289 171.013299,76.0571289 172.313299,76.1571289 L198.813299,78.6571289 C200.113299,78.7571289 200.213299,79.2571289 198.913299,79.7571289 L157.813299,95.3571289 C156.613299,95.8571289 155.113299,97.1571289 154.613299,98.4571289 L152.913299,102.357129 C152.413299,103.557129 152.413299,105.557129 153.113299,106.657129 L167.213299,133.057129 C167.813299,134.257129 167.413299,135.757129 166.313299,136.557129 L134.413299,158.157129 C132.313299,160.257129 132.513299,163.757129 134.713299,165.757129 L149.913299,179.457129 C150.913299,180.357129 152.713299,181.557129 153.913299,182.057129 L175.213299,192.157129 C176.413299,192.757129 178.213299,192.457129 179.213299,191.657129 L185.913299,186.157129 C189.513299,183.257129 192.213299,179.457129 193.713299,175.157129 L195.613299,170.057129 C196.113299,168.857129 196.013299,166.757129 195.513299,165.557129 L188.613299,149.257129 C188.113299,148.057129 188.413299,146.257129 189.313299,145.257129 L222.413299,110.057129 C223.313299,109.057129 224.713299,107.457129 225.613299,106.457129 C225.413299,106.157129 227.213299,103.957129 227.813299,101.557129 Z" fill="#FFFFFF"></path>
-	</g>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/ledgerLive.svg b/src/components/ImagesProvider/images/connector/ledgerLive.svg
index c15cecd2..df496d5f 100644
--- a/src/components/ImagesProvider/images/connector/ledgerLive.svg
+++ b/src/components/ImagesProvider/images/connector/ledgerLive.svg
@@ -1,5 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 768.91 669.35" style="enable-background:new 0 0 768.91 669.35;" xml:space="preserve">
 <path d="M0,479.29v190.06h289.22V627.2H42.14V479.29H0z M726.77,479.29V627.2H479.69v42.14h289.22V479.29H726.77z M289.64,190.06
diff --git a/src/components/ImagesProvider/images/connector/metamask.svg b/src/components/ImagesProvider/images/connector/metamask.svg
deleted file mode 100644
index 86cbc65a..00000000
--- a/src/components/ImagesProvider/images/connector/metamask.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<svg width="48" height="44" viewBox="0 0 48 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M44.411 1.00012L26.7092 14.1293L29.9968 6.38338L44.411 1.00012Z" fill="#E17726" stroke="#E17726" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.58911 1.00049L21.1299 14.2539L18.0034 6.38375L3.58911 1.00049Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M38.0474 31.4347L33.3384 38.6485L43.4147 41.4189L46.2944 31.594L38.0474 31.4347Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1.72266 31.5935L4.58485 41.4184L14.6612 38.6481L9.96962 31.4342L1.72266 31.5935Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.1093 19.2456L11.3015 23.4928L21.2898 23.9373L20.9519 13.1871L14.1093 19.2456Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M33.8897 19.2457L26.9403 13.0629L26.7092 23.9374L36.6975 23.4929L33.8897 19.2457Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.6606 38.6488L20.6868 35.7153L15.4958 31.6652L14.6606 38.6488Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.3132 35.7153L33.3393 38.6488L32.5042 31.6652L27.3132 35.7153Z" fill="#E27625" stroke="#E27625" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M33.3396 38.6482L27.3135 35.7148L27.7932 39.6424L27.7407 41.2946L33.3396 38.6482Z" fill="#D5BFB2" stroke="#D5BFB2" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.6606 38.6481L20.2596 41.2945L20.2246 39.6423L20.6868 35.7147L14.6606 38.6481Z" fill="#D5BFB2" stroke="#D5BFB2" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.3664 29.0715L15.354 27.5974L18.8905 25.9797L20.3664 29.0715Z" fill="#233447" stroke="#233447" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.6335 29.0711L29.1094 25.9793L32.6635 27.597L27.6335 29.0711Z" fill="#233447" stroke="#233447" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.6615 38.6488L15.5316 31.4342L9.96948 31.5935L14.6615 38.6488Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M32.4685 31.4342L33.3386 38.6488L38.0482 31.5935L32.4685 31.4342Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M36.6977 23.493L26.7095 23.9375L27.6337 29.0702L29.1094 25.9797L32.6629 27.5967L36.6977 23.493Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.3539 27.5966L18.8899 25.9796L20.3655 29.0701L21.2898 23.9374L11.3015 23.4929L15.3539 27.5966Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.3015 23.4929L15.4957 31.6653L15.3539 27.5966L11.3015 23.4929Z" fill="#E27525" stroke="#E27525" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M32.6627 27.5965L32.5034 31.6652L36.6976 23.4927L32.6627 27.5965Z" fill="#E27525" stroke="#E27525" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.29 23.9373L20.3657 29.0701L21.5385 35.1285L21.7871 27.1521L21.29 23.9373Z" fill="#E27525" stroke="#E27525" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M26.7094 23.9371L26.2297 27.1343L26.4608 35.1283L27.6336 29.0698L26.7094 23.9371Z" fill="#E27525" stroke="#E27525" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.6335 29.0701L26.4607 35.1285L27.3132 35.7148L32.5034 31.6653L32.6627 27.5966L27.6335 29.0701Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.354 27.5967L15.4958 31.6654L20.686 35.7149L21.5385 35.1287L20.3656 29.0702L15.354 27.5967Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.7409 41.2936L27.7935 39.6416L27.3506 39.2513H20.6494L20.224 39.6416L20.259 41.2936L14.6606 38.6475L16.616 40.2454L20.5968 43H27.4031L31.3839 40.2454L33.3393 38.6475L27.7409 41.2936Z" fill="#C0AC9D" stroke="#C0AC9D" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M27.3133 35.7149L26.4609 35.1286H21.5385L20.686 35.7149L20.2239 39.6418L20.6492 39.2516H27.3501L27.793 39.6418L27.3133 35.7149Z" fill="#161616" stroke="#161616" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M45.1569 14.9831L46.6501 7.73421L44.4111 0.999878L27.3132 13.6862L33.8901 19.2463L43.1839 21.9659L45.2286 19.5665L44.3393 18.9278L45.7608 17.6292L44.6772 16.7769L46.0987 15.6936L45.1569 14.9831Z" fill="#763E1A" stroke="#763E1A" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M1.3501 7.73457L2.86084 14.9834L1.90153 15.694L3.323 16.7773L2.23939 17.6296L3.66086 18.9281L2.77157 19.5669L4.81624 21.9663L14.11 19.2466L20.687 13.6866L3.58908 1.00024L1.3501 7.73457Z" fill="#763E1A" stroke="#763E1A" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M43.1837 21.9654L33.8899 19.2457L36.6978 23.4932L32.5034 31.6661L38.0475 31.5943H46.2944L43.1837 21.9654Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.11 19.2458L4.81617 21.9655L1.7229 31.5944H9.96986L15.4964 31.6662L11.302 23.4933L14.11 19.2458Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M26.7091 23.9373L27.313 13.6858L29.9965 6.38312H18.0022L20.6857 13.6858L21.2896 23.9373L21.5207 27.1695L21.5382 35.1285H26.4605L26.478 27.1695L26.7091 23.9373Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.712817" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/monitorAddress.svg b/src/components/ImagesProvider/images/connector/monitorAddress.svg
index 3ddb03b2..abe4872b 100644
--- a/src/components/ImagesProvider/images/connector/monitorAddress.svg
+++ b/src/components/ImagesProvider/images/connector/monitorAddress.svg
@@ -1,97 +1,10 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_ii_3647_37950)">
-<path d="M1.16861 14.5165C1.00385 11.3727 3.39385 8.68157 6.53585 8.48549C11.1678 8.19642 17.74 7.79666 22.7078 7.5363C27.6756 7.27595 34.2536 6.98654 38.8904 6.78986C42.0357 6.65644 44.6939 9.08297 44.8587 12.2268L45.5567 25.5469C45.7144 28.5559 43.5234 31.1742 40.5293 31.5118C35.8955 32.0342 29.1338 32.7345 24.0424 33.0014C18.9509 33.2682 12.1531 33.2785 7.49008 33.2433C4.47708 33.2205 2.02438 30.8456 1.86669 27.8366L1.16861 14.5165Z" fill="url(#paint0_linear_3647_37950)"/>
-<path d="M1.16861 14.5165C1.00385 11.3727 3.39385 8.68157 6.53585 8.48549C11.1678 8.19642 17.74 7.79666 22.7078 7.5363C27.6756 7.27595 34.2536 6.98654 38.8904 6.78986C42.0357 6.65644 44.6939 9.08297 44.8587 12.2268L45.5567 25.5469C45.7144 28.5559 43.5234 31.1742 40.5293 31.5118C35.8955 32.0342 29.1338 32.7345 24.0424 33.0014C18.9509 33.2682 12.1531 33.2785 7.49008 33.2433C4.47708 33.2205 2.02438 30.8456 1.86669 27.8366L1.16861 14.5165Z" fill="black" fill-opacity="0.2"/>
-</g>
-<g filter="url(#filter1_ii_3647_37950)">
-<path d="M1.5 13.6478C1.5 11.1294 3.56451 9.10057 6.08253 9.1403C10.7334 9.21368 17.9953 9.3125 23.375 9.3125C28.7547 9.3125 36.0166 9.21368 40.6675 9.1403C43.1855 9.10057 45.25 11.1294 45.25 13.6478V34.6462C45.25 37.0985 43.291 39.0987 40.8389 39.1376C36.1966 39.2112 28.8213 39.3125 23.375 39.3125C17.9287 39.3125 10.5534 39.2112 5.91105 39.1376C3.459 39.0987 1.5 37.0985 1.5 34.6462V13.6478Z" fill="url(#paint1_linear_3647_37950)"/>
-</g>
-<g filter="url(#filter2_ii_3647_37950)">
-<path d="M35.25 23.4375C35.25 21.0213 37.2088 19.0625 39.625 19.0625H45.4773C46.0421 19.0625 46.5 19.5204 46.5 20.0852V26.7898C46.5 27.3546 46.0421 27.8125 45.4773 27.8125H39.625C37.2088 27.8125 35.25 25.8537 35.25 23.4375Z" fill="url(#paint2_linear_3647_37950)"/>
-</g>
-<g filter="url(#filter3_di_3647_37950)">
-<rect x="39" y="21.5625" width="3.75" height="3.75" rx="1.875" fill="url(#paint3_linear_3647_37950)"/>
-</g>
-<defs>
-<filter id="filter0_ii_3647_37950" x="1.16064" y="6.78467" width="44.4041" height="31.4731" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="5"/>
-<feGaussianBlur stdDeviation="2.5"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3647_37950"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="effect1_innerShadow_3647_37950" result="effect2_innerShadow_3647_37950"/>
-</filter>
-<filter id="filter1_ii_3647_37950" x="1.5" y="7.88965" width="43.75" height="32.6729" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3647_37950"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="effect1_innerShadow_3647_37950" result="effect2_innerShadow_3647_37950"/>
-</filter>
-<filter id="filter2_ii_3647_37950" x="35.25" y="17.8125" width="11.25" height="11.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3647_37950"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="effect1_innerShadow_3647_37950" result="effect2_innerShadow_3647_37950"/>
-</filter>
-<filter id="filter3_di_3647_37950" x="37.75" y="20.3125" width="6.25" height="7.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3647_37950"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3647_37950" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-1.25"/>
-<feGaussianBlur stdDeviation="0.625"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_3647_37950"/>
-</filter>
-<linearGradient id="paint0_linear_3647_37950" x1="22.7184" y1="7.73841" x2="24.0424" y2="33.0014" gradientUnits="userSpaceOnUse">
-<stop stop-color="#AD6D5C"/>
-<stop offset="1" stop-color="#713438"/>
-</linearGradient>
-<linearGradient id="paint1_linear_3647_37950" x1="23.375" y1="7.8125" x2="23.375" y2="40.3125" gradientUnits="userSpaceOnUse">
-<stop stop-color="#AD6D5C"/>
-<stop offset="1" stop-color="#713438"/>
-</linearGradient>
-<linearGradient id="paint2_linear_3647_37950" x1="40.875" y1="19.0625" x2="40.875" y2="27.8125" gradientUnits="userSpaceOnUse">
-<stop stop-color="#AD6D5C"/>
-<stop offset="1" stop-color="#74373A"/>
-</linearGradient>
-<linearGradient id="paint3_linear_3647_37950" x1="40.875" y1="21.5625" x2="40.875" y2="25.3125" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#D9D9D9"/>
-</linearGradient>
-</defs>
+    <path d="M30.7573 20.5459C29.7852 21.5158 29.1623 22.8214 29.1057 24.2762C28.983 27.4656 31.7955 30.0861 35.0233 30.0861H45.3012C46.2355 30.0861 46.9906 30.8321 46.9906 31.7554V35.2991C46.9906 40.0925 43.0549 44 38.185 44H10.8056C5.94505 44 2 40.1019 2 35.2991V13.7009C2 8.88881 5.94505 5 10.8056 5H38.1944C43.0549 5 47 8.89813 47 13.7009V17.2353C47 18.1585 46.245 18.9046 45.3106 18.9046H34.759C33.2018 18.9046 31.7766 19.5294 30.7573 20.5366V20.5459ZM35.6745 21.4319C33.9568 21.4319 32.5694 22.8027 32.5694 24.5C32.5694 26.1973 33.9568 27.5681 35.6745 27.5681C37.3922 27.5681 38.7796 26.1973 38.7796 24.5C38.7796 22.8027 37.3922 21.4319 35.6745 21.4319Z" fill="url(#paint0_linear_176_801)"/>
+    <path d="M1.93798 17.8774C1.94281 16.4136 1.93812 15.0629 1.93059 13.7009C1.92703 11.3271 2.82612 8.72916 5.32783 6.76111C7.55075 5.15096 9.13357 4.9699 10.8056 4.92515C12.1795 4.93188 13.7182 4.93643 16.2425 4.93328C21.8621 4.92627 27.485 4.94759 29.9872 4.93478C32.4894 4.92197 32.7535 4.96071 36.3068 4.9521C36.981 4.95047 37.6049 4.94933 38.1944 4.94864C40.7173 4.99362 42.6494 5.79241 44.4656 7.53997C45.4505 8.46541 47.0713 10.8226 47.0253 13.7009C47.0242 14.8745 47.0235 16.0789 47.0233 17.2353C47.0422 18.2011 46.1489 18.9595 45.3106 18.9288C44.0538 18.9299 42.9624 18.9321 42.1797 18.9356C39.7046 18.9466 36.9814 18.9361 34.759 18.9269C33.8656 18.9219 33.0633 19.1315 32.4409 19.4069C31.763 19.7069 31.2906 20.0625 30.9562 20.3572C30.8411 20.4595 30.7788 20.5198 30.758 20.5372C30.7578 20.5428 30.7574 20.5459 30.7569 20.5459C30.7569 20.5459 30.7569 20.5459 30.7569 20.5459C30.7564 20.5459 30.756 20.5428 30.7555 20.5366C30.779 20.5095 30.8684 20.4159 31.0246 20.2801C31.7616 19.6312 33.0732 18.8895 34.759 18.8845C35.0754 18.883 35.4011 18.8814 35.7349 18.8796C39.6283 18.8588 40.0539 18.8818 45.3106 18.8711C45.311 18.8711 45.3113 18.8711 45.3116 18.8711C46.2514 18.8825 46.9869 18.0531 46.96 17.2353C46.9566 16.0062 46.953 14.8591 46.9501 13.7009C46.9248 11.2945 45.9973 8.59933 43.1717 6.58641C41.3553 5.36591 39.7056 5.06638 38.1944 5.05682C35.4016 5.06753 32.8115 5.08415 27.1733 5.06298C19.1545 5.03287 17.7243 5.08144 10.8056 5.0958C10.1966 5.09717 9.54328 5.15941 8.85736 5.31474C5.22331 6.0236 1.99081 9.74289 2.09244 13.7009C2.08488 18.9682 2.07459 23.8607 2.07617 26.8676C2.07747 29.3301 2.07972 32.1892 2.0809 35.2991C1.99556 38.7947 4.57231 42.5565 8.40373 43.5909C9.16591 43.8073 9.97547 43.9236 10.8056 43.9237C17.7497 43.926 25.8506 43.9114 33.1776 43.9241C34.7452 43.9268 36.4367 43.9296 38.185 43.9326C42.9 44.137 47.1734 39.5291 46.9464 35.2991C46.9487 34.0291 46.9509 32.8363 46.953 31.7554C46.9644 30.7598 46.0506 30.0869 45.3012 30.1182C45.2211 30.1181 45.1423 30.1179 45.0649 30.1177C40.3808 30.1072 38.7917 30.1038 35.0233 30.108C34.4764 30.1084 33.8818 30.0352 33.2555 29.8447C31.2176 29.3082 28.9178 27.01 29.0863 24.2754C29.1261 23.2279 29.4833 22.2151 30.0374 21.4049C30.5383 20.6918 30.825 20.4944 30.7482 20.5608C30.687 20.6374 30.2815 21.004 29.8442 21.7612C29.3726 22.5878 29.1543 23.4727 29.1256 24.277C29.0739 25.645 29.5728 26.7304 30.0324 27.4008C31.4159 29.1824 32.605 29.876 35.0233 30.0282C35.3802 30.0294 35.7649 30.031 36.1847 30.033C39.5078 30.0488 41.0736 30.0128 43.0108 30.0169C43.8281 30.0187 44.2949 30.0235 45.3012 30.0272C45.8814 30.0071 46.9911 30.4361 47.0447 31.7554C47.0443 32.6764 47.0447 33.8284 47.0462 35.2991C47.0468 36.2569 46.8937 37.3602 46.4289 38.5258C44.769 42.5687 40.9495 44.1199 38.185 44.0754C34.4627 44.0801 31.7961 44.0824 29.6713 44.0846C25.9411 44.0886 18.1522 44.0701 12.073 44.0768C11.6761 44.0772 11.2523 44.0776 10.8056 44.0779C7.0104 44.4191 1.67861 40.3279 1.91855 35.2991C1.91771 31.9148 1.91604 28.842 1.91178 26.8954C1.90088 21.9135 1.92468 21.9033 1.93798 17.8774ZM36.7925 27.2976C37.1878 27.1508 37.4496 26.9306 37.815 26.5866C38.1602 26.222 38.2455 26.1748 38.486 25.6422C38.6515 25.2391 38.7209 24.8026 38.7185 24.5C38.7187 24.3957 38.7123 24.3083 38.7034 24.2421C38.6612 23.9861 38.7038 23.9489 38.5921 23.5932C38.4667 23.2431 38.3641 23.0411 38.19 22.7651C38.0457 22.4623 37.2581 21.799 36.8908 21.7089C36.5507 21.5761 36.1442 21.4723 35.8917 21.4525C35.8129 21.4452 35.7519 21.441 35.7041 21.4377C35.6839 21.4363 35.6745 21.4339 35.6745 21.4314C35.6745 21.4314 35.6745 21.4314 35.6745 21.4314C35.6745 21.4283 35.6891 21.4252 35.7151 21.4252C35.8409 21.4248 36.0302 21.4297 36.2523 21.4592C36.6633 21.5309 36.7117 21.551 37.2183 21.7976C37.7057 22.0754 38.0011 22.2923 38.3604 22.8576C38.6596 23.4339 38.8237 23.5807 38.8438 24.5C38.8434 24.5121 38.8429 24.5243 38.8423 24.5366C38.7328 25.4666 38.7479 25.6097 38.2323 26.4096C37.676 27.2243 36.4561 27.6426 35.8901 27.6372C35.8206 27.6421 35.7497 27.645 35.6745 27.6455C35.1348 27.6537 34.4386 27.4992 33.8542 27.0829C33.181 26.6342 32.5721 25.7351 32.5107 24.8295C32.5014 24.7247 32.4969 24.6142 32.4987 24.5C32.4766 23.6291 33.0305 22.6819 33.4127 22.3502C33.8373 21.9628 33.9623 21.8861 34.46 21.6483C34.7503 21.5184 35.1853 21.4188 35.5547 21.4252C35.7405 21.4295 35.697 21.4389 35.5129 21.451C35.2429 21.4722 35.0238 21.5139 34.8929 21.5617C34.6333 21.6627 34.5273 21.7072 34.2115 21.8521C33.8986 22.0077 33.7931 22.1452 33.6392 22.2728C33.5131 22.4218 33.3852 22.3298 32.9064 23.2427C32.6835 23.7492 32.6454 24.1745 32.6472 24.5C32.651 24.7827 32.6887 24.9966 32.7302 25.1702C32.7997 25.5472 33.142 26.3111 33.639 26.7168C34.0345 27.1246 35.0691 27.5357 35.6745 27.483C35.7509 27.4822 35.8179 27.4784 35.8764 27.4734C36.3864 27.4096 36.3917 27.4208 36.7925 27.2976Z" fill="#8E4718"/>
+    <defs>
+        <linearGradient id="paint0_linear_176_801" x1="5.6" y1="10.087" x2="39.4527" y2="46.0229" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#E39E74"/>
+            <stop offset="1" stop-color="#BD692C"/>
+        </linearGradient>
+    </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/connector/okx.svg b/src/components/ImagesProvider/images/connector/okx.svg
deleted file mode 100644
index c360d170..00000000
--- a/src/components/ImagesProvider/images/connector/okx.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0, 0, 400,400"><g id="svgg"><path id="path0" d="M89.000 87.881 C 88.560 87.988,87.615 88.634,86.900 89.317 L 85.600 90.557 85.602 125.178 L 85.604 159.800 86.822 161.100 L 88.041 162.400 122.945 162.400 L 157.850 162.400 159.025 161.174 L 160.200 159.947 160.200 125.243 L 160.200 90.538 158.831 89.169 L 157.462 87.800 123.631 87.743 C 105.024 87.712,89.440 87.774,89.000 87.881 M241.738 87.877 C 241.264 87.970,240.364 88.800,239.738 89.723 L 238.600 91.400 238.493 124.764 C 238.376 161.363,238.297 160.039,240.706 161.900 C 242.004 162.903,310.042 162.596,311.332 161.582 C 313.167 160.138,313.196 159.587,313.196 125.200 C 313.196 90.364,313.194 90.339,311.158 88.626 L 309.939 87.600 276.269 87.654 C 257.751 87.684,242.212 87.785,241.738 87.877 M164.186 163.906 C 163.959 164.068,163.374 164.719,162.886 165.354 L 162.000 166.508 162.000 200.844 L 162.000 235.181 163.433 236.490 C 165.521 238.400,163.926 238.317,199.474 238.360 C 233.425 238.401,233.282 238.408,235.400 236.664 L 236.600 235.676 236.600 201.338 C 236.600 164.410,236.632 164.999,234.554 164.052 C 233.424 163.537,164.906 163.395,164.186 163.906 M88.525 239.637 C 85.386 240.556,85.600 237.855,85.600 276.507 L 85.600 310.906 87.003 312.229 C 88.978 314.092,88.075 314.051,124.229 313.919 L 156.659 313.800 158.273 312.732 C 160.505 311.255,160.400 313.055,160.400 276.210 C 160.400 241.338,160.405 241.440,158.470 240.126 C 157.258 239.304,91.241 238.841,88.525 239.637 M241.303 239.647 C 238.278 240.520,238.400 238.969,238.401 276.484 C 238.403 313.840,238.204 311.317,241.296 313.202 C 243.359 314.460,307.688 314.447,310.534 313.188 C 313.299 311.965,313.199 313.374,313.167 276.200 C 313.136 239.663,313.200 240.634,310.773 239.757 C 309.081 239.145,243.400 239.041,241.303 239.647 " stroke="none" fill="#fbfbfb" fill-rule="evenodd"></path><path id="path1" d="M86.378 88.622 L 85.000 90.044 84.894 124.829 C 84.776 163.075,84.668 161.291,87.187 162.593 C 88.685 163.368,156.155 163.523,158.352 162.757 C 161.117 161.793,160.987 163.497,161.120 126.600 C 161.251 90.020,161.274 90.568,159.532 88.583 L 158.317 87.200 123.037 87.200 L 87.757 87.200 86.378 88.622 M238.948 89.089 L 237.400 90.979 237.400 125.189 L 237.400 159.400 238.737 161.063 C 240.565 163.336,238.011 163.188,275.650 163.195 C 313.600 163.201,311.654 163.312,313.130 161.044 L 314.200 159.400 314.307 125.700 L 314.413 92.000 313.407 90.014 C 311.886 87.012,314.405 87.200,275.674 87.200 L 240.496 87.200 238.948 89.089 M158.831 89.169 L 160.200 90.538 160.200 125.243 L 160.200 159.947 159.025 161.174 L 157.850 162.400 122.945 162.400 L 88.041 162.400 86.822 161.100 L 85.604 159.800 85.602 125.178 L 85.600 90.557 86.900 89.317 C 88.718 87.582,86.423 87.680,123.631 87.743 L 157.462 87.800 158.831 89.169 M311.158 88.626 C 313.194 90.339,313.196 90.364,313.196 125.200 C 313.196 159.587,313.167 160.138,311.332 161.582 C 310.042 162.596,242.004 162.903,240.706 161.900 C 238.297 160.039,238.376 161.363,238.493 124.764 L 238.600 91.400 239.738 89.723 C 241.224 87.532,237.974 87.716,276.269 87.654 L 309.939 87.600 311.158 88.626 M164.800 163.012 C 163.568 163.401,162.716 164.002,162.100 164.915 L 161.200 166.250 161.200 200.891 L 161.200 235.533 162.816 237.266 L 164.433 239.000 199.390 239.000 L 234.347 239.000 235.576 237.823 C 237.602 235.882,237.597 235.962,237.567 200.600 C 237.535 163.604,237.612 164.713,234.995 163.400 C 232.879 162.339,168.069 161.981,164.800 163.012 M234.554 164.052 C 236.632 164.999,236.600 164.410,236.600 201.338 L 236.600 235.676 235.400 236.664 C 233.282 238.408,233.425 238.401,199.474 238.360 C 163.926 238.317,165.521 238.400,163.433 236.490 L 162.000 235.181 162.000 200.844 L 162.000 166.508 162.886 165.354 C 163.374 164.719,163.959 164.068,164.186 163.906 C 164.906 163.395,233.424 163.537,234.554 164.052 M89.506 237.994 C 84.458 239.535,84.736 237.164,84.878 277.471 L 85.000 311.943 86.600 313.355 L 88.200 314.767 122.800 314.771 L 157.400 314.776 159.200 313.221 L 161.000 311.665 161.109 277.491 C 161.230 239.255,161.353 241.044,158.466 239.017 L 156.731 237.800 123.666 237.730 C 105.480 237.691,90.108 237.810,89.506 237.994 M241.360 238.553 C 240.217 239.088,238.899 240.099,238.360 240.854 L 237.400 242.200 237.400 276.471 C 237.400 315.053,237.130 311.677,240.396 313.900 L 241.718 314.800 275.912 314.800 C 309.954 314.800,310.112 314.796,311.465 313.960 C 314.564 312.044,314.400 314.141,314.400 276.466 L 314.400 242.901 313.410 241.129 C 311.429 237.585,313.898 237.814,276.400 237.699 L 243.400 237.598 241.360 238.553 M158.470 240.126 C 160.405 241.440,160.400 241.338,160.400 276.210 C 160.400 313.055,160.505 311.255,158.273 312.732 L 156.659 313.800 124.229 313.919 C 88.075 314.051,88.978 314.092,87.003 312.229 L 85.600 310.906 85.600 276.507 C 85.600 237.855,85.386 240.556,88.525 239.637 C 91.241 238.841,157.258 239.304,158.470 240.126 M310.773 239.757 C 313.200 240.634,313.136 239.663,313.167 276.200 C 313.199 313.374,313.299 311.965,310.534 313.188 C 307.688 314.447,243.359 314.460,241.296 313.202 C 238.204 311.317,238.403 313.840,238.401 276.484 C 238.400 238.969,238.278 240.520,241.303 239.647 C 243.400 239.041,309.081 239.145,310.773 239.757 " stroke="none" fill="#a4a4a4" fill-rule="evenodd"></path><path id="path2" d="M85.569 87.569 C 84.926 88.212,84.411 89.067,84.425 89.469 C 84.447 90.098,84.498 90.082,84.792 89.355 C 84.980 88.891,85.623 88.126,86.221 87.655 L 87.308 86.800 122.965 86.800 C 162.415 86.800,159.840 86.627,161.025 89.351 C 161.371 90.147,161.574 90.336,161.584 89.874 C 161.662 86.272,163.101 86.400,122.589 86.400 L 86.738 86.400 85.569 87.569 M238.333 88.065 L 236.600 89.729 236.488 124.365 C 236.364 162.680,236.242 160.032,238.218 162.100 C 240.314 164.295,240.623 163.935,238.561 161.700 L 236.809 159.800 236.804 125.091 L 236.800 90.382 238.451 88.591 L 240.102 86.800 275.818 86.800 C 315.807 86.800,312.379 86.568,313.994 89.389 L 315.200 91.497 315.192 125.249 L 315.185 159.000 313.981 160.917 C 313.319 161.972,312.377 162.995,311.889 163.192 L 311.000 163.549 311.895 163.575 C 312.515 163.592,313.093 163.120,313.779 162.034 C 314.323 161.172,314.955 160.351,315.184 160.210 C 315.467 160.035,315.600 148.915,315.600 125.445 L 315.600 90.937 314.356 89.059 C 312.484 86.233,314.903 86.400,275.859 86.400 L 240.065 86.400 238.333 88.065 M84.191 125.200 C 84.191 144.450,84.240 152.325,84.300 142.700 C 84.360 133.075,84.360 117.325,84.300 107.700 C 84.240 98.075,84.191 105.950,84.191 125.200 M161.922 123.514 C 162.060 160.691,161.961 162.157,159.242 163.154 C 158.206 163.535,158.208 163.537,159.505 163.568 C 160.801 163.600,160.808 163.610,160.605 165.300 C 160.433 166.730,160.460 166.821,160.773 165.874 C 161.329 164.191,161.951 163.611,164.334 162.558 L 166.500 161.600 199.179 161.600 C 238.284 161.600,236.228 161.339,237.977 166.519 C 238.780 168.898,238.800 169.716,238.800 201.040 L 238.800 233.125 237.628 235.738 C 235.738 239.950,239.218 239.600,199.227 239.600 L 164.414 239.600 162.645 237.900 C 161.672 236.965,160.794 235.750,160.693 235.200 C 160.512 234.218,160.508 234.220,160.454 235.300 C 160.415 236.102,160.860 236.860,162.100 238.100 L 163.800 239.800 198.733 239.906 C 235.322 240.018,236.676 239.962,237.104 238.322 C 237.223 237.870,237.742 236.667,238.258 235.650 L 239.197 233.800 239.198 200.689 L 239.200 167.577 238.028 165.256 C 236.974 163.167,236.619 162.828,234.478 161.867 L 232.100 160.800 199.350 160.801 C 167.659 160.803,166.559 160.828,165.329 161.578 C 163.912 162.442,161.197 163.079,161.206 162.545 C 161.210 162.355,161.473 161.120,161.792 159.800 C 162.407 157.251,162.671 93.025,162.072 91.514 C 161.922 91.137,161.855 105.537,161.922 123.514 M84.425 161.030 C 84.387 162.284,85.954 163.461,88.320 163.956 C 90.607 164.435,154.773 164.525,156.980 164.053 C 157.630 163.914,143.077 163.851,124.642 163.913 C 86.190 164.043,86.018 164.030,84.778 161.000 C 84.456 160.213,84.450 160.214,84.425 161.030 M241.823 164.053 C 243.437 164.399,307.416 164.422,309.359 164.077 C 310.216 163.925,295.107 163.800,275.782 163.800 C 256.457 163.800,241.176 163.914,241.823 164.053 M88.953 236.774 C 86.961 237.258,84.390 239.541,84.454 240.767 C 84.504 241.713,84.524 241.724,84.683 240.897 C 84.971 239.397,88.134 237.289,90.524 237.003 C 91.666 236.867,107.090 236.810,124.800 236.878 L 157.000 237.000 158.893 238.372 C 161.959 240.595,161.800 238.498,161.800 276.600 C 161.800 311.276,161.723 313.200,160.332 313.200 C 160.129 313.200,159.503 313.695,158.942 314.300 L 157.923 315.400 123.028 315.400 L 88.133 315.400 86.567 314.034 C 85.705 313.283,84.878 312.383,84.728 312.034 C 84.534 311.582,84.448 311.557,84.428 311.947 C 84.413 312.248,85.165 313.238,86.100 314.147 L 87.800 315.800 122.804 315.800 L 157.808 315.800 159.671 314.243 C 162.497 311.881,162.401 313.205,162.394 276.723 C 162.387 242.418,162.270 239.992,160.576 239.000 C 160.200 238.780,159.343 238.150,158.670 237.600 L 157.447 236.600 123.824 236.535 C 105.331 236.500,89.639 236.607,88.953 236.774 M242.200 236.735 C 239.659 237.576,237.174 239.444,236.796 240.800 C 236.223 242.848,236.265 310.324,236.839 311.840 C 237.081 312.478,238.008 313.630,238.899 314.400 L 240.518 315.800 274.877 315.911 C 313.515 316.035,311.615 316.169,314.004 313.148 L 315.600 311.128 315.600 276.686 L 315.600 242.243 314.582 240.774 C 314.022 239.966,312.807 238.696,311.882 237.952 L 310.200 236.600 276.600 236.535 C 258.120 236.500,242.640 236.590,242.200 236.735 M311.328 238.081 C 312.168 238.675,313.379 239.935,314.020 240.881 L 315.185 242.600 315.193 276.455 L 315.200 310.310 313.900 312.255 C 311.484 315.871,314.429 315.622,275.359 315.504 L 240.918 315.400 239.310 314.000 C 236.653 311.688,236.800 313.901,236.800 276.306 L 236.800 241.850 237.693 240.546 C 238.674 239.115,241.127 237.543,243.000 237.145 C 243.660 237.005,258.960 236.915,277.000 236.945 L 309.800 237.000 311.328 238.081 M84.191 276.400 C 84.191 295.430,84.240 303.215,84.300 293.700 C 84.360 284.185,84.360 268.615,84.300 259.100 C 84.240 249.585,84.191 257.370,84.191 276.400 " stroke="none" fill="#343434" fill-rule="evenodd"></path><path id="path3" d="M85.906 87.967 L 84.600 89.134 84.600 125.158 L 84.600 161.182 85.605 162.187 C 86.266 162.848,87.383 163.335,88.867 163.609 C 92.421 164.266,157.420 163.954,159.062 163.272 C 161.908 162.091,161.979 161.160,161.990 125.120 C 162.001 90.746,161.955 89.893,159.980 87.919 L 158.862 86.800 123.037 86.800 L 87.213 86.800 85.906 87.967 M238.451 88.591 L 236.800 90.382 236.804 125.091 L 236.809 159.800 238.523 161.658 C 240.819 164.148,239.647 164.081,278.400 163.928 C 314.194 163.786,312.067 163.966,313.983 160.913 L 315.185 159.000 315.192 125.249 L 315.200 91.497 313.994 89.389 C 312.379 86.568,315.807 86.800,275.818 86.800 L 240.102 86.800 238.451 88.591 M159.532 88.583 C 161.274 90.568,161.251 90.020,161.120 126.600 C 160.987 163.497,161.117 161.793,158.352 162.757 C 156.155 163.523,88.685 163.368,87.187 162.593 C 84.668 161.291,84.776 163.075,84.894 124.829 L 85.000 90.044 86.378 88.622 L 87.757 87.200 123.037 87.200 L 158.317 87.200 159.532 88.583 M311.627 87.614 C 312.053 87.842,312.854 88.922,313.407 90.014 L 314.413 92.000 314.307 125.700 L 314.200 159.400 313.130 161.044 C 311.654 163.312,313.600 163.201,275.650 163.195 C 238.011 163.188,240.565 163.336,238.737 161.063 L 237.400 159.400 237.400 125.189 L 237.400 90.979 238.948 89.089 L 240.496 87.200 275.674 87.200 C 299.174 87.200,311.110 87.338,311.627 87.614 M164.120 162.616 C 160.286 164.368,160.600 160.962,160.600 200.855 L 160.600 235.946 162.507 237.773 L 164.414 239.600 199.227 239.600 C 239.218 239.600,235.738 239.950,237.628 235.738 L 238.800 233.125 238.800 201.040 C 238.800 169.716,238.780 168.898,237.977 166.519 C 236.226 161.332,238.307 161.594,199.029 161.633 L 166.200 161.666 164.120 162.616 M234.995 163.400 C 237.612 164.713,237.535 163.604,237.567 200.600 C 237.597 235.962,237.602 235.882,235.576 237.823 L 234.347 239.000 199.390 239.000 L 164.433 239.000 162.816 237.266 L 161.200 235.533 161.200 200.891 L 161.200 166.250 162.100 164.915 C 163.808 162.382,162.961 162.436,200.000 162.522 C 232.520 162.598,233.442 162.621,234.995 163.400 M89.329 237.179 C 87.393 237.648,84.945 239.775,84.651 241.243 C 84.311 242.945,84.385 311.234,84.728 312.034 C 84.878 312.383,85.705 313.283,86.567 314.034 L 88.133 315.400 123.028 315.400 L 157.923 315.400 158.942 314.300 C 159.503 313.695,160.129 313.200,160.332 313.200 C 161.723 313.200,161.800 311.276,161.800 276.600 C 161.800 238.498,161.959 240.595,158.893 238.372 L 157.000 237.000 123.800 236.935 C 105.540 236.900,90.028 237.009,89.329 237.179 M243.000 237.145 C 241.127 237.543,238.674 239.115,237.693 240.546 L 236.800 241.850 236.800 276.306 C 236.800 313.901,236.653 311.688,239.310 314.000 L 240.918 315.400 275.359 315.504 C 314.429 315.622,311.484 315.871,313.900 312.255 L 315.200 310.310 315.193 276.455 L 315.185 242.600 314.020 240.881 C 313.379 239.935,312.168 238.675,311.328 238.081 L 309.800 237.000 277.000 236.945 C 258.960 236.915,243.660 237.005,243.000 237.145 M158.466 239.017 C 161.353 241.044,161.230 239.255,161.109 277.491 L 161.000 311.665 159.200 313.221 L 157.400 314.776 122.800 314.771 L 88.200 314.767 86.600 313.355 L 85.000 311.943 84.878 277.471 C 84.746 239.859,84.703 240.619,87.013 239.192 C 89.459 237.680,90.011 237.658,123.666 237.730 L 156.731 237.800 158.466 239.017 M310.910 238.579 C 311.855 239.066,312.790 240.020,313.410 241.129 L 314.400 242.901 314.400 276.466 C 314.400 314.141,314.564 312.044,311.465 313.960 C 310.112 314.796,309.954 314.800,275.912 314.800 L 241.718 314.800 240.396 313.900 C 237.130 311.677,237.400 315.053,237.400 276.471 L 237.400 242.200 238.360 240.854 C 238.899 240.099,240.217 239.088,241.360 238.553 L 243.400 237.598 276.400 237.699 C 308.210 237.796,309.454 237.828,310.910 238.579 " stroke="none" fill="#6c6c6c" fill-rule="evenodd"></path><path id="path4" d="M104.900 86.300 C 114.745 86.359,130.855 86.359,140.700 86.300 C 150.545 86.240,142.490 86.192,122.800 86.192 C 103.110 86.192,95.055 86.240,104.900 86.300 M258.100 86.300 C 267.945 86.359,284.055 86.359,293.900 86.300 C 303.745 86.240,295.690 86.192,276.000 86.192 C 256.310 86.192,248.255 86.240,258.100 86.300 M85.210 87.190 C 84.369 88.031,83.739 89.873,84.152 90.285 C 84.288 90.422,84.400 90.129,84.400 89.636 C 84.400 89.142,84.926 88.212,85.569 87.569 C 86.212 86.926,86.572 86.400,86.369 86.400 C 86.166 86.400,85.645 86.755,85.210 87.190 M159.856 87.169 C 160.546 87.590,161.207 88.174,161.324 88.467 C 161.469 88.831,161.547 88.846,161.568 88.516 C 161.611 87.857,159.996 86.400,159.225 86.401 C 158.877 86.402,159.157 86.742,159.856 87.169 M237.865 88.008 C 237.020 88.877,236.421 89.816,236.533 90.094 C 236.691 90.485,236.744 90.479,236.768 90.069 C 236.786 89.776,237.535 88.831,238.433 87.969 C 239.331 87.106,239.916 86.406,239.733 86.413 C 239.550 86.421,238.709 87.138,237.865 88.008 M312.434 86.795 C 312.782 86.999,313.592 87.923,314.234 88.848 L 315.400 90.531 315.604 125.166 L 315.809 159.800 315.898 125.400 C 315.968 98.679,315.878 90.816,315.494 90.175 C 313.777 87.310,313.045 86.401,312.460 86.412 C 311.866 86.423,311.863 86.461,312.434 86.795 M162.200 125.254 C 162.200 152.134,162.301 159.019,162.682 158.128 C 163.381 156.492,163.385 93.383,162.686 92.126 C 162.302 91.436,162.200 98.369,162.200 125.254 M236.191 125.400 C 236.191 144.320,236.240 152.001,236.300 142.470 C 236.360 132.938,236.360 117.458,236.300 108.070 C 236.240 98.681,236.191 106.480,236.191 125.400 M236.405 160.257 C 236.415 160.958,239.594 163.999,240.284 163.968 C 240.806 163.945,240.728 163.831,240.000 163.546 C 239.450 163.331,238.415 162.426,237.700 161.535 C 236.985 160.643,236.402 160.068,236.405 160.257 M314.725 160.698 C 313.568 162.045,313.500 162.592,314.625 161.512 C 315.248 160.914,315.661 160.328,315.543 160.210 C 315.425 160.092,315.057 160.311,314.725 160.698 M165.154 161.140 C 164.629 161.547,163.930 161.983,163.600 162.109 C 163.252 162.241,163.206 162.350,163.490 162.368 C 163.760 162.386,164.570 162.041,165.290 161.601 C 167.313 160.368,231.200 160.364,233.916 161.596 C 234.860 162.025,235.538 162.223,235.422 162.036 C 234.424 160.421,233.956 160.400,199.293 160.400 C 167.611 160.400,166.065 160.434,165.154 161.140 M161.200 162.151 C 161.200 162.550,161.534 162.800,162.067 162.800 C 162.543 162.800,162.858 162.749,162.767 162.687 C 162.675 162.625,162.285 162.333,161.900 162.038 C 161.301 161.579,161.200 161.596,161.200 162.151 M84.400 162.289 C 84.400 162.792,85.543 163.790,85.812 163.521 C 85.918 163.415,85.644 163.002,85.202 162.602 C 84.761 162.203,84.400 162.062,84.400 162.289 M236.313 162.669 C 236.596 162.783,237.361 163.933,238.013 165.226 L 239.200 167.577 239.200 200.909 C 239.200 223.315,239.065 234.375,238.787 234.653 C 238.559 234.881,238.040 235.952,237.633 237.033 C 237.035 238.620,236.632 239.092,235.546 239.477 C 234.233 239.943,234.227 239.955,235.300 239.977 C 236.156 239.995,236.408 240.199,236.436 240.900 C 236.466 241.642,236.534 241.589,236.825 240.600 C 237.162 239.454,239.900 237.488,242.200 236.740 C 242.975 236.488,242.973 236.478,242.156 236.440 C 241.692 236.418,240.649 236.850,239.838 237.400 C 237.415 239.044,236.953 238.176,238.834 235.516 C 240.011 233.851,240.033 167.400,238.857 165.684 C 238.449 165.088,237.815 164.105,237.448 163.500 C 237.082 162.895,236.561 162.414,236.291 162.432 C 235.927 162.455,235.932 162.516,236.313 162.669 M159.000 163.882 L 160.200 164.036 160.188 200.318 C 160.182 220.273,160.226 232.910,160.287 228.400 C 160.348 223.890,160.443 207.465,160.499 191.900 L 160.600 163.600 159.200 163.664 C 157.867 163.725,157.858 163.735,159.000 163.882 M89.115 164.472 C 89.492 164.621,104.650 164.744,122.800 164.744 C 140.950 164.744,156.108 164.621,156.485 164.472 C 156.862 164.322,141.704 164.200,122.800 164.200 C 103.896 164.200,88.738 164.322,89.115 164.472 M241.915 164.472 C 242.292 164.621,257.360 164.744,275.400 164.744 C 293.440 164.744,308.508 164.621,308.885 164.472 C 309.262 164.322,294.193 164.200,275.400 164.200 C 256.606 164.200,241.538 164.322,241.915 164.472 M86.266 237.854 C 85.240 238.653,84.400 239.395,84.400 239.502 C 84.400 239.717,85.318 239.060,86.674 237.874 C 87.154 237.454,88.144 236.968,88.874 236.796 C 90.039 236.520,90.074 236.477,89.166 236.441 C 88.539 236.416,87.395 236.974,86.266 237.854 M156.806 236.747 C 157.831 237.005,159.468 238.041,160.838 239.300 C 161.257 239.685,161.600 239.824,161.600 239.609 C 161.600 239.394,161.108 238.899,160.507 238.509 C 159.905 238.119,159.095 237.485,158.707 237.100 C 158.318 236.715,157.505 236.421,156.900 236.447 L 155.800 236.495 156.806 236.747 M309.790 236.693 C 310.224 236.803,311.353 237.527,312.298 238.302 C 313.244 239.077,313.907 239.423,313.772 239.071 C 313.637 238.718,313.206 238.329,312.816 238.205 C 312.425 238.081,311.784 237.624,311.391 237.190 C 310.998 236.755,310.299 236.421,309.838 236.446 C 309.043 236.490,309.041 236.503,309.790 236.693 M161.962 238.408 C 162.851 239.324,163.808 239.982,164.089 239.869 C 164.426 239.733,164.377 239.652,163.946 239.632 C 163.586 239.614,163.001 239.156,162.646 238.614 C 162.291 238.072,161.628 237.429,161.173 237.185 C 160.717 236.942,161.072 237.492,161.962 238.408 M314.800 240.922 C 315.319 241.581,315.428 246.352,315.604 276.342 L 315.809 311.000 315.904 276.522 L 316.000 242.045 315.100 241.103 C 314.605 240.585,314.470 240.503,314.800 240.922 M162.200 276.532 C 162.200 299.787,162.331 310.923,162.600 310.472 C 163.248 309.384,163.351 245.857,162.709 243.661 C 162.288 242.221,162.200 247.884,162.200 276.532 M236.191 276.200 C 236.191 295.120,236.240 302.801,236.300 293.270 C 236.360 283.738,236.360 268.258,236.300 258.870 C 236.240 249.481,236.191 257.280,236.191 276.200 M84.054 311.684 C 84.025 312.281,84.291 313.001,84.646 313.284 C 85.002 313.568,85.762 314.295,86.335 314.900 C 86.909 315.505,87.743 315.979,88.189 315.954 C 88.914 315.912,88.922 315.887,88.263 315.717 C 87.129 315.425,84.500 312.688,84.293 311.585 C 84.113 310.622,84.108 310.625,84.054 311.684 M236.425 311.760 C 236.387 312.923,239.859 316.010,241.142 315.953 L 242.200 315.905 241.158 315.653 C 239.875 315.342,237.303 313.122,236.813 311.901 C 236.501 311.126,236.447 311.106,236.425 311.760 M313.904 313.242 C 312.950 314.474,311.934 315.312,311.104 315.552 C 310.387 315.759,310.127 315.944,310.526 315.964 C 311.880 316.031,314.050 314.293,315.337 312.111 C 316.108 310.803,315.296 311.444,313.904 313.242 M159.772 314.138 C 158.907 314.874,157.930 315.580,157.600 315.707 C 157.076 315.907,157.079 315.941,157.616 315.968 C 157.955 315.986,159.028 315.280,160.000 314.400 C 162.141 312.463,161.970 312.267,159.772 314.138 " stroke="none" fill="#2c2c2c" fill-rule="evenodd"></path><path id="path5" d="M0.000 200.000 L 0.000 400.000 200.000 400.000 L 400.000 400.000 400.000 200.000 L 400.000 0.000 200.000 0.000 L 0.000 0.000 0.000 200.000 M160.954 86.918 C 161.458 87.422,161.989 88.569,162.132 89.466 C 162.276 90.362,162.664 91.322,162.996 91.597 C 164.073 92.491,163.884 157.363,162.800 159.000 C 161.077 161.602,161.958 162.692,164.410 160.993 L 165.862 159.987 199.899 160.093 L 233.936 160.200 234.894 161.100 C 236.114 162.247,236.999 162.320,236.414 161.226 C 236.138 160.710,236.000 148.647,236.000 124.915 L 236.000 89.378 237.100 88.335 C 237.705 87.762,238.433 87.001,238.718 86.644 C 239.189 86.053,242.530 86.005,276.306 86.098 L 313.376 86.200 313.812 87.074 C 314.052 87.555,314.687 88.304,315.224 88.739 L 316.200 89.529 316.318 123.865 C 316.383 142.749,316.337 158.749,316.215 159.419 C 315.840 161.485,313.271 163.936,311.043 164.352 C 309.991 164.549,308.930 164.910,308.685 165.155 C 308.366 165.474,299.100 165.600,275.851 165.600 L 243.463 165.600 240.893 164.572 C 237.932 163.387,237.552 163.475,238.978 165.014 L 240.000 166.117 240.000 200.485 C 240.000 220.132,239.846 235.141,239.639 235.526 C 239.302 236.156,241.612 236.193,274.958 236.088 L 310.637 235.976 312.519 237.441 C 313.553 238.247,314.400 239.131,314.400 239.405 C 314.400 239.678,314.805 240.171,315.300 240.500 L 316.200 241.097 316.318 275.049 C 316.454 313.854,316.570 311.720,314.176 314.291 L 312.398 316.200 276.069 316.200 L 239.740 316.200 237.877 314.400 L 236.013 312.600 236.007 276.500 L 236.000 240.400 199.680 240.400 C 172.249 240.400,163.244 240.284,162.887 239.927 C 161.950 238.990,161.874 240.050,162.728 242.113 C 163.600 244.214,163.600 244.232,163.600 276.871 L 163.600 309.526 162.504 311.663 C 161.901 312.838,161.257 313.865,161.073 313.944 C 160.889 314.023,160.206 314.608,159.555 315.244 L 158.372 316.400 122.947 316.400 L 87.521 316.400 86.460 315.275 C 85.877 314.657,85.098 314.037,84.728 313.899 C 83.605 313.477,83.555 311.578,83.680 274.643 C 83.797 239.967,83.819 239.076,84.574 238.643 C 85.000 238.400,85.782 237.750,86.313 237.200 L 87.277 236.200 122.600 236.094 L 157.924 235.987 159.241 237.094 C 160.309 237.990,160.487 238.048,160.180 237.400 C 159.951 236.918,159.763 222.203,159.706 200.400 L 159.612 164.200 158.506 164.326 C 157.898 164.395,157.001 164.710,156.514 165.026 C 155.168 165.898,90.585 165.885,89.340 165.013 C 88.879 164.690,87.783 164.311,86.906 164.171 C 84.721 163.821,84.397 163.554,83.981 161.759 C 83.460 159.516,83.496 90.592,84.018 88.712 C 84.824 85.809,82.071 86.000,123.107 86.000 L 160.036 86.000 160.954 86.918 " stroke="none" fill="#040404" fill-rule="evenodd"></path><path id="path6" d="" stroke="none" fill="#143818" fill-rule="evenodd"></path><path id="path7" d="M84.982 86.982 C 84.442 87.522,84.006 88.197,84.014 88.482 C 84.022 88.767,84.277 88.551,84.580 88.003 C 84.884 87.454,85.643 86.787,86.266 86.521 C 87.024 86.197,87.162 86.030,86.682 86.018 C 86.287 86.008,85.522 86.442,84.982 86.982 M159.000 86.340 C 160.426 86.803,161.146 87.386,161.552 88.403 C 161.842 89.132,161.956 89.207,161.975 88.682 C 162.011 87.661,160.207 85.993,159.118 86.040 C 158.272 86.077,158.263 86.100,159.000 86.340 M238.960 86.306 C 238.718 86.468,238.297 87.050,238.024 87.600 L 237.529 88.600 238.464 87.540 C 238.979 86.957,239.670 86.386,240.000 86.271 C 240.533 86.086,240.533 86.060,240.000 86.038 C 239.670 86.024,239.202 86.144,238.960 86.306 M312.200 86.280 C 312.640 86.383,313.225 86.757,313.500 87.110 C 313.775 87.464,314.000 87.575,314.000 87.356 C 314.000 86.677,313.077 85.998,312.220 86.046 C 311.418 86.092,311.417 86.097,312.200 86.280 M314.649 88.818 C 315.116 89.358,315.606 90.070,315.739 90.400 C 315.875 90.740,315.940 90.587,315.890 90.046 C 315.840 89.521,315.350 88.809,314.800 88.464 L 313.800 87.837 314.649 88.818 M236.480 88.880 C 236.216 89.144,236.025 89.819,236.054 90.380 L 236.109 91.400 236.293 90.400 C 236.394 89.850,236.661 89.175,236.887 88.900 C 237.411 88.262,237.113 88.247,236.480 88.880 M83.792 125.200 C 83.792 144.890,83.840 152.945,83.900 143.100 C 83.959 133.255,83.959 117.145,83.900 107.300 C 83.840 97.455,83.792 105.510,83.792 125.200 M162.040 90.400 C 162.033 90.730,162.286 91.450,162.600 92.000 C 163.479 93.537,163.479 156.158,162.600 158.262 C 161.788 160.206,161.850 160.435,162.800 159.000 C 163.729 157.597,164.090 92.350,163.172 91.783 C 162.937 91.637,162.588 91.132,162.397 90.659 C 162.197 90.163,162.046 90.054,162.040 90.400 M316.098 125.074 C 315.994 161.275,316.062 160.139,313.848 162.500 C 313.074 163.325,312.556 164.000,312.696 164.000 C 313.339 164.000,316.017 160.510,316.211 159.419 C 316.330 158.749,316.375 143.080,316.312 124.600 L 316.195 91.000 316.098 125.074 M236.025 159.926 C 236.011 160.216,236.186 160.801,236.414 161.226 C 236.999 162.320,236.114 162.247,234.894 161.100 L 233.936 160.200 199.899 160.093 L 165.862 159.987 164.410 160.993 C 162.842 162.080,162.183 162.234,161.863 161.590 C 161.751 161.365,161.711 161.410,161.774 161.690 C 161.941 162.443,163.857 162.171,165.061 161.224 C 166.524 160.073,231.698 159.915,233.800 161.057 C 234.460 161.416,235.499 161.970,236.109 162.288 C 236.719 162.607,237.572 163.560,238.003 164.407 C 238.435 165.253,238.971 166.059,239.194 166.196 C 240.069 166.737,239.718 234.266,238.834 235.516 C 236.953 238.176,237.415 239.044,239.838 237.400 L 241.312 236.400 275.898 236.400 L 310.485 236.400 311.742 237.404 C 313.400 238.727,313.424 238.751,314.807 240.555 L 316.000 242.110 315.982 276.355 C 315.968 302.187,315.846 310.858,315.482 311.650 C 314.877 312.968,313.206 314.928,312.180 315.523 C 311.629 315.843,311.574 315.979,311.992 315.988 C 313.153 316.012,315.936 312.504,316.195 310.691 C 316.328 309.761,316.384 293.722,316.318 275.049 L 316.200 241.097 315.300 240.500 C 314.805 240.171,314.400 239.678,314.400 239.405 C 314.400 239.131,313.553 238.247,312.519 237.441 L 310.637 235.976 274.958 236.088 C 241.612 236.193,239.302 236.156,239.639 235.526 C 239.846 235.141,240.000 220.132,240.000 200.485 L 240.000 166.117 239.000 165.038 C 237.781 163.722,237.747 163.466,238.839 163.813 C 239.637 164.066,239.632 164.032,238.739 163.139 C 238.223 162.623,237.652 162.249,237.470 162.310 C 237.289 162.370,237.247 162.248,237.377 162.038 C 237.507 161.827,237.417 161.534,237.178 161.387 C 236.939 161.239,236.588 160.732,236.397 160.259 C 236.207 159.787,236.039 159.637,236.025 159.926 M84.025 162.071 C 83.993 162.936,85.064 164.007,85.929 163.975 C 86.404 163.957,86.335 163.843,85.691 163.584 C 85.190 163.383,84.617 162.810,84.416 162.309 C 84.157 161.665,84.043 161.596,84.025 162.071 M156.447 164.432 C 155.862 164.666,142.622 164.772,122.140 164.707 C 95.378 164.621,88.920 164.699,89.469 165.100 C 90.339 165.736,155.804 165.840,156.196 165.206 C 156.330 164.990,157.016 164.646,157.720 164.442 C 158.478 164.223,158.674 164.068,158.200 164.061 C 157.760 164.056,156.971 164.222,156.447 164.432 M241.544 164.773 C 243.623 165.759,307.730 166.110,308.700 165.140 C 308.952 164.888,309.843 164.533,310.680 164.354 C 311.928 164.085,311.877 164.075,310.400 164.300 C 307.822 164.691,242.440 164.665,241.000 164.273 C 240.191 164.052,240.369 164.215,241.544 164.773 M159.794 201.000 C 159.797 222.621,159.949 236.914,160.180 237.400 C 160.487 238.048,160.309 237.990,159.241 237.094 L 157.924 235.987 122.539 236.094 L 87.154 236.200 86.477 237.053 C 86.105 237.522,85.395 238.114,84.900 238.367 C 84.405 238.621,84.000 239.126,84.000 239.491 C 84.000 240.104,84.037 240.104,84.500 239.497 C 84.775 239.136,85.700 238.291,86.555 237.620 L 88.110 236.400 123.055 236.400 C 155.800 236.400,158.044 236.444,158.707 237.100 C 159.095 237.485,159.905 238.119,160.507 238.509 C 161.108 238.899,161.603 239.529,161.606 239.909 C 161.611 240.497,161.668 240.511,161.989 240.003 C 162.290 239.528,162.468 239.508,162.863 239.903 C 163.252 240.292,171.282 240.400,199.652 240.400 L 235.944 240.400 236.118 241.300 C 236.266 242.072,236.299 242.043,236.346 241.100 L 236.400 240.000 199.953 240.000 L 163.506 240.000 161.853 238.300 L 160.200 236.600 159.994 201.000 L 159.787 165.400 159.794 201.000 M83.792 276.400 C 83.792 296.090,83.840 304.145,83.900 294.300 C 83.959 284.455,83.959 268.345,83.900 258.500 C 83.840 248.655,83.792 256.710,83.792 276.400 M162.013 241.000 C 162.011 241.220,162.277 242.284,162.604 243.364 C 163.111 245.032,163.197 249.986,163.183 276.364 C 163.167 304.927,163.051 309.094,162.208 311.400 C 162.047 311.840,162.293 311.660,162.755 311.000 C 164.037 309.168,164.087 245.160,162.809 242.344 C 162.374 241.385,162.016 240.780,162.013 241.000 M236.067 311.400 C 236.017 312.505,238.861 316.000,239.809 316.000 C 239.960 316.000,239.271 315.232,238.278 314.294 C 237.136 313.215,236.407 312.148,236.296 311.394 L 236.120 310.200 236.067 311.400 M160.200 314.176 L 158.600 315.800 123.000 316.004 L 87.400 316.209 122.886 316.304 L 158.372 316.400 159.600 315.200 C 160.275 314.540,160.982 314.000,161.171 314.000 C 161.491 314.000,162.151 312.766,161.909 312.619 C 161.849 312.582,161.080 313.283,160.200 314.176 M258.130 316.300 C 267.992 316.360,284.012 316.359,293.730 316.300 C 303.449 316.240,295.380 316.191,275.800 316.192 C 256.220 316.192,248.269 316.240,258.130 316.300 " stroke="none" fill="#14041c" fill-rule="evenodd"></path><path id="path8" d="" stroke="none" fill="#180404" fill-rule="evenodd"></path></g></svg>
diff --git a/src/components/ImagesProvider/images/connector/portis.svg b/src/components/ImagesProvider/images/connector/portis.svg
deleted file mode 100644
index 673adfb0..00000000
--- a/src/components/ImagesProvider/images/connector/portis.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48">
-  <path fill="#133444" d="m10.7 27.08.99-.43 12.2-5.3 13.2 5.73-4.96 10.25L20 39.04 10.9 29.2l-.2-2.12Z"/>
-  <path fill="#C42370" d="M34.34 20.78A13.55 13.55 0 0 0 25.7 16l-.22-.02a13.8 13.8 0 0 0-3.17 0l-.23.02a13.55 13.55 0 0 0-8.64 4.78l-.55.91-.92 1.53-.67 1.12c0 .04-.02.06-.04.08v.02l1.47.87 9.35 5.53 1.81 1.06V18.68l-1.8.81v-1.97l1.8-.81 1.81.81 9.2 4.17-.55-.91Z"/>
-  <path fill="#1C4D6B" d="M37.5 30.37a14.5 14.5 0 0 1-5.33 11.17 13.88 13.88 0 0 1-4.3 2.38c-1.27.43-2.61.65-3.96.65-7.52 0-13.6-6.7-13.6-14.2 0-1.11.14-2.21.4-3.29l13.2 7.81 13.2-7.81c.25 1.08.39 2.18.39 3.3Z"/>
-  <path fill="#000" d="m22.3 15.96 1.6.73-1.82.81v-1.63l.23.09ZM22.08 19.5l1.81-.84v13.22l-1.8-1.06V19.5Z"/>
-  <path fill="#1D4259" d="M23.9 18.66v13.22l12.64-7.46-12.65-5.76Z"/>
-  <path fill="#4B6B9A" d="M23.9 3.43v15.23l12.64 5.76-12.65-21Z"/>
-  <path fill="#343535" d="M23.9 18.66v13.22l-1.82-1.06-10.82-6.4c0-.04.02-.06.04-.09l1.59-2.62 9.2-4.17v2l1.8-.88Z"/>
-  <path fill="#3E5578" d="M23.9 18.66v13.22l-1.82-1.06-10.82-6.4h-.02l.02-.02 10.82-4.9 1.81-.84Z"/>
-  <path fill="#6DB2D8" d="M23.9 3.43v15.23l-12.66 5.76 12.65-21Z"/>
-  <path fill="#335F8A" d="m18.77 43.5.57.24-.57-.25ZM19.33 43.72c.19.08.4.14.6.2-.2-.06-.4-.12-.6-.2ZM20.44 44.08l.44.12-.44-.12Z"/>
-  <path fill="#6DB2D8" d="m10.7 27.08 13.2 7.81a14.8 14.8 0 0 1-.96 3.46c-1.06 2.56-3.2 5.24-7.33 3.19a14.55 14.55 0 0 1-5.32-11.19c0-1.1.14-2.2.4-3.27Z"/>
-  <path fill="#529BBA" d="m32.13 41.56-.27.22-.12.09-.18.12-.23.16-.26.18c-.08.04-.14.08-.22.15l-.15.1a.62.62 0 0 0-.14.1s-.06.06-.08.06c.08-.06-.1.04-.18.1-.1.04-.19.08-.27.14l-.28.15-.12.06c-.09.04-.05 0-.13.06s-.18.08-.28.14c-.1.06 0 0-.35.16l-.18.08c.18-.08-.33.13-.55.2l-.61.2c-.08.01-.18.05-.26.07l-.45.12c-.06.02-.12.02-.16.05l-.1.02-.25.06-.22.04-.2.04-.23.04c-.04 0-.08 0-.1.02l-.16.02h-.09l-.18.02-.24.02H22.8l-.24-.02c-.06 0-.12 0-.18-.02h-.09l-.16-.02c-.04 0-.08 0-.1-.02-.08 0-.14-.02-.22-.04a.72.72 0 0 1-.2-.04l-.23-.04-.25-.06-.1-.02a13.34 13.34 0 0 1-.61-.16l-.26-.09c-.08-.02-.16-.04-.25-.08-.2-.06-.38-.14-.59-.2-.2-.06-.38-.17-.56-.25l-.29-.12c-.1-.04-.2-.08-.28-.14a1.1 1.1 0 0 1-.27-.14l-.26-.15-.2-.12-.21-.12-.12-.08-.23-.14-.08-.05-.2-.14-.24-.16-.27-.18-.22-.19-.08-.06c-.09-.04-.15-.1-.2-.16 4.12 2.05 6.24-.67 7.3-3.21.44-1.12.77-2.28.95-3.46.18 1.2.49 2.38.96 3.5 1.1 2.52 3.17 5.22 7.3 3.19Z"/>
-  <path fill="#335F8A" d="m26.9 44.2.45-.12-.45.12ZM27.86 43.92ZM28.4 43.74c.19-.08.43-.17.62-.27-.2.1-.43.19-.61.27Z"/>
-  <path fill="#4B6B9A" d="M37.5 30.37a14.5 14.5 0 0 1-5.33 11.17c-4.13 2.05-6.27-.65-7.32-3.2a15.87 15.87 0 0 1-.96-3.45l13.2-7.81c.26 1.08.4 2.18.4 3.3Z"/>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/rabby.svg b/src/components/ImagesProvider/images/connector/rabby.svg
deleted file mode 100644
index bf843f9a..00000000
--- a/src/components/ImagesProvider/images/connector/rabby.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
-  <linearGradient id="a" x1="7.49" x2="22.7" y1="11.2" y2="15.5" gradientUnits="userSpaceOnUse">
-    <stop offset="0" stop-color="#8697ff"/>
-    <stop offset="1" stop-color="#abb7ff"/>
-  </linearGradient>
-  <linearGradient id="b" x1="20.13" x2="9.12" y1="10.91" y2="-.08" gradientUnits="userSpaceOnUse">
-    <stop offset="0" stop-color="#8697ff"/>
-    <stop offset="1" stop-color="#5156d8" stop-opacity="0"/>
-  </linearGradient>
-  <linearGradient id="c" x1="14.46" x2="3.91" y1="17.08" y2="11.04" gradientUnits="userSpaceOnUse">
-    <stop offset="0" stop-color="#465eed"/>
-    <stop offset="1" stop-color="#8697ff" stop-opacity="0"/>
-  </linearGradient>
-  <linearGradient id="d" x1="8.39" x2="15.55" y1="11.09" y2="20.15" gradientUnits="userSpaceOnUse">
-    <stop offset="0" stop-color="#8898ff"/>
-    <stop offset=".98" stop-color="#6277f1"/>
-  </linearGradient>
-  <g opacity=".6">
-    <path fill="url(#a)" d="M22.87 12.92c.87-1.94-3.4-7.35-7.48-9.6-2.57-1.74-5.25-1.5-5.8-.74-1.18 1.68 3.95 3.1 7.38 4.77-.73.32-1.43.9-1.84 1.64-1.28-1.4-4.09-2.61-7.38-1.64a6.84 6.84 0 0 0-4.78 4.54 1.4 1.4 0 1 0-.57 2.69c.14 0 .59-.1.59-.1l7.15.05c-2.86 4.55-5.12 5.21-5.12 6s2.16.58 2.97.28c3.9-1.4 8.07-5.79 8.78-7.05 3.01.37 5.54.42 6.1-.84z"/>
-    <path fill="url(#b)" fill-rule="evenodd" d="M16.97 7.35c.16-.06.14-.3.1-.48-.1-.43-1.84-2.14-3.47-2.91-2.21-1.05-3.85-1-4.09-.51.45.93 2.55 1.8 4.73 2.7.94.4 1.89.8 2.73 1.2z" clip-rule="evenodd"/>
-    <path fill="url(#c)" fill-rule="evenodd" d="M14.16 16.7c-.45-.17-.96-.33-1.53-.47.61-1.1.74-2.74.16-3.77-.81-1.45-1.83-2.22-4.2-2.22-1.31 0-4.83.44-4.9 3.39 0 .3 0 .59.03.85l6.42.05a22.05 22.05 0 0 1-2.39 3.17l2.2.57 1.76.46c.89-.65 1.72-1.35 2.45-2.03z" clip-rule="evenodd"/>
-    <path fill="url(#d)" d="M2.88 14.18c.26 2.24 1.53 3.11 4.12 3.37 2.59.26 4.07.09 6.05.27 1.65.15 3.12 1 3.67.7.5-.26.22-1.21-.44-1.82-.86-.79-2.04-1.34-4.12-1.53.42-1.14.3-2.74-.34-3.6C10.89 10.3 9.17 9.74 7 9.99c-2.27.26-4.45 1.38-4.12 4.19z"/>
-  </g>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/taho.svg b/src/components/ImagesProvider/images/connector/taho.svg
deleted file mode 100644
index 09bc6a85..00000000
--- a/src/components/ImagesProvider/images/connector/taho.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48">
-  <path fill="#D18F38" d="m43.17 10.85-2.52-.15a.75.75 0 0 1-.7-.68l-.22-2.33a.17.17 0 0 0-.06-.1.17.17 0 0 0-.22 0 .17.17 0 0 0-.05.1l-.23 2.33a.74.74 0 0 1-.7.68l-2.52.16a.17.17 0 0 0-.1.06.16.16 0 0 0-.04.1c0 .04.01.08.04.11.02.03.06.05.1.06l2.52.15a.76.76 0 0 1 .7.68l.22 2.33c0 .04.03.07.06.1a.17.17 0 0 0 .21 0 .17.17 0 0 0 .06-.1l.22-2.33a.76.76 0 0 1 .7-.68l2.53-.16a.17.17 0 0 0 .14-.17.17.17 0 0 0-.14-.16Z"/>
-  <path fill="#D18F38" fill-rule="evenodd" d="m37.88 19.57.41.3c.37.24.66.6.83 1 .08.23.11.47.1.72a4.48 4.48 0 0 1-.5 1.6c-.09.18-.2.34-.31.5l-.06.07.07.47a4.68 4.68 0 0 1-.45 2.72 5.12 5.12 0 0 1-1.35 1.74l-.07.06-.09.03c-.73.26-1.49.47-2.25.62-.78.16-1.58.23-2.38.2h-.12c-1.58-.5-3.2-.84-4.85-1l-.32-.02c-.32-.03-.65-.05-.99-.11a7 7 0 0 1-1.3-.34 7.22 7.22 0 0 0-2.3-.4h-.02a3.04 3.04 0 0 0-.39 2.42c.2 1.02.56 2 1.05 2.92a27.5 27.5 0 0 1 1.53 2.99c.24.54.41 1.11.52 1.7.12.63.07 1.29-.13 1.9l-.26.73-.63-.46a1.8 1.8 0 0 0-.3-.17 7.32 7.32 0 0 1-.96 2.77c-.43-3.41-2.81-4.4-5.14-5.35a12.95 12.95 0 0 1-2.92-1.48c-2.73-2.06-2.95-4.46-1.27-8.66.52-1.3.9-2.64 1.12-4.01a14.03 14.03 0 0 1 .2-1.05l.05-.22.01.42a9.77 9.77 0 0 0 .32 2.3c.07.18.17.34.3.48l.13.13a4.65 4.65 0 0 1 .33.32c.34.26.71.46 1.1.6.85.3 1.72.48 2.6.56.86.1 1.72.13 2.6.13h.13c.9.01 1.8.16 2.66.46.76.25 1.56.4 2.37.42 1.7.16 3.37.5 5 1.01.69.02 1.38-.04 2.06-.18.48-.1.96-.23 1.43-.37 1.06-.45 1.76-1.66.33-1.5a7.08 7.08 0 0 0-1.8.39c-.24.09-.5.18-.78.25a3.5 3.5 0 0 1-1.77-.04 5.1 5.1 0 0 0-1.57-.37c.25-.15.53-.23.82-.25.21-.02.4-.01.58 0h.26c.49.06.99.04 1.47-.06.25-.07.5-.2.77-.35a4.64 4.64 0 0 1 2.42-.7h.36c.42-.59.77-1.23.63-1.75a1.35 1.35 0 0 0-.64-.47c-.07-.03-.2-.06-.37-.1-.63-.17-1.78-.47-2.23-.88-.33-.34-.13-1.03 1.24-1.31a6.79 6.79 0 0 1 1.92-.06c.22.04.45.02.65-.06l-.07-.07-.4-.28-.4-.3-1.58-1.2c-.26-.2-.54-.4-.79-.57l-.12-.07-.25-.1a6.84 6.84 0 0 1-1.88-1.22c-1.54-1.3-3.26-4.42-3.71-5.44-.36-.78-1-1.4-1.79-1.75a2.55 2.55 0 0 1 2.07.87c.13.1.37.47.67.9.6.87 1.42 2.05 1.92 2.1.26-.02.53-.06.8-.13-.26-.24-.49-.5-.69-.77-.27-.36-.48-.73-.68-1.08l-.2-.36a6.77 6.77 0 0 0-.84-1.24 1.69 1.69 0 0 0-.51-.39c-.22-.11-.44-.2-.72-.31-.27-.1-.51-.2-.8-.34l-.73-.37-1.47-.72c-.97-.46-1.97-.87-3-1.21a15.45 15.45 0 0 0-3.86-.74c-.2 0-.4.04-.59.13l-.3.15-.44.22-.73.33c-.95.48-1.86 1.04-2.71 1.67a7.35 7.35 0 0 0-1.8 1.66 5.9 5.9 0 0 1 2.2.32 10.09 10.09 0 0 0-5.3 1.51c-.4.22-.75.5-1.07.8-.13.13-.23.28-.3.45l-.24.63a21.58 21.58 0 0 0-1.15 8.27c.08 1.5.47 2.97 1.15 4.32a46.57 46.57 0 0 0 4.07-6.1c.34-.62.65-1.27.96-1.92.28-.6.57-1.21.89-1.8.32-.64.7-1.25 1.14-1.82.22-.3.48-.56.77-.79.29-.23.64-.38 1.01-.4-1.18 1.05-2.1 3.9-3 7.07-.75 2.58-3.24 8.47-4.82 8.61-.61.04-.83-.26-1.26-.86l-.34-.47a9.44 9.44 0 0 1-1.36-2.77c-.28-.98-.45-1.98-.5-2.99a20.93 20.93 0 0 1 .57-5.9c.21-.96.5-1.9.85-2.83l.3-.7.22-.39c.1-.12.19-.24.3-.34.38-.37.81-.68 1.28-.92.79-.4 1.62-.69 2.49-.84.24-.55.58-1.04.99-1.47.4-.42.83-.8 1.3-1.14a15.5 15.5 0 0 1 3.57-2.14l.33-.17.4-.2c.32-.15.67-.22 1.01-.22a16.55 16.55 0 0 1 4.2.79c1.07.35 2.1.78 3.12 1.26l1.49.73.74.36c.16.1.37.17.6.26l.12.05c.27.1.52.22.8.35.14.08.28.16.42.26a7.8 7.8 0 0 1 1.42 1.77l.03.06c.55.95 1.05 1.82 1.83 2.34l.63.41v.07l-.18.31-.57.15c-.11.03-.2.1-.26.2a.4.4 0 0 0-.05.17v.34c0 .18-.02.36-.08.53-.02.1-.06.17-.08.24l-.05.13a.3.3 0 0 0-.02.12c0 .04 0 .08.02.11a5.39 5.39 0 0 0 1.82 1.25l.22.09c.1.05.21.1.31.17.28.18.51.35.75.53l.1.07 1.57 1.2.39.3ZM24.2 16.24h-.4c-.91-.05-1.35-.67-1.2-1.3.14-.64.05-.85-.13-.85-.27.1-.51.28-.67.52h-.07l-.02-.01-.02-.03v-.03c.18-1.32.96-1.37 1.3-1.37a16.57 16.57 0 0 1 3.16.56c.02.02.04.05.04.08v.08a.15.15 0 0 1-.06.07 1.13 1.13 0 0 0-.36 1.08c.07.62-.67 1.1-1.57 1.2Z" clip-rule="evenodd"/>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/trustWallet.svg b/src/components/ImagesProvider/images/connector/trustWallet.svg
deleted file mode 100644
index 72d3e72e..00000000
--- a/src/components/ImagesProvider/images/connector/trustWallet.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 260C0 116.406 116.406 0 260 0H764C907.594 0 1024 116.406 1024 260V764C1024 907.594 907.594 1024 764 1024H260C116.406 1024 0 907.594 0 764V260Z" fill="white"/>
-    <path d="M512.3 215C615.619 301.288 734.101 295.966 767.953 295.966C760.548 786.707 704.128 689.395 512.3 827C320.472 689.395 264.405 786.707 257 295.966C290.499 295.966 408.981 301.288 512.3 215Z" stroke="#3375BB" stroke-width="70" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/src/components/ImagesProvider/images/connector/zengo.svg b/src/components/ImagesProvider/images/connector/zengo.svg
deleted file mode 100644
index 6e5ac0c3..00000000
--- a/src/components/ImagesProvider/images/connector/zengo.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1563_11516)">
-<mask id="mask0_1563_11516" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="144" height="144">
-<path d="M0 56.1917C0 36.3155 0 26.3774 3.92946 18.8129C7.24078 12.4384 12.4384 7.24078 18.8129 3.92946C26.3774 0 36.3155 0 56.1917 0H87.8083C107.684 0 117.623 0 125.187 3.92946C131.562 7.24078 136.759 12.4384 140.071 18.8129C144 26.3774 144 36.3155 144 56.1917V87.8083C144 107.684 144 117.623 140.071 125.187C136.759 131.562 131.562 136.759 125.187 140.071C117.623 144 107.684 144 87.8083 144H56.1917C36.3155 144 26.3774 144 18.8129 140.071C12.4384 136.759 7.24078 131.562 3.92946 125.187C0 117.623 0 107.684 0 87.8083V56.1917Z" fill="#C4C4C4"/>
-</mask>
-<g mask="url(#mask0_1563_11516)">
-<rect width="144" height="144" fill="#0F0E0E"/>
-<path d="M99.7895 80.4345H71.2302L89.0934 57.1959C90.4151 55.4723 89.1888 52.9788 87.0155 52.9788H52.1134L44.5034 62.8778L70.2355 62.8642C72.3079 62.8642 71.3323 64.5401 70.6715 65.3986L56.5621 83.7523C54.5183 86.4093 56.4122 90.2586 59.7642 90.2586H92.3159L99.7895 80.4413V80.4345Z" fill="#EA9C2F"/>
-<path d="M98.7678 43.0389C102.12 43.0389 104.981 44.8374 106.432 47.8555C107.883 50.8736 107.093 54.2323 105.002 56.8553L93.6173 71.6119H106.507L113.122 63.0004C117.564 57.4412 118.409 49.9948 115.316 43.5839C112.237 37.173 105.894 33.1875 98.7747 33.1875H67.5446L59.9756 43.0389H98.7815H98.7678Z" fill="#EA9C2F"/>
-<path d="M45.1236 100.954C41.7717 100.954 38.9103 99.1559 37.4592 96.1378C36.008 93.1197 36.7983 89.761 38.8899 87.138L50.8668 71.6184H37.9769L30.7758 80.9997C26.3338 86.5589 25.489 94.0054 28.5821 100.416C31.6614 106.827 38.0042 110.813 45.1236 110.813H76.34L83.909 100.961H45.1236V100.954Z" fill="#EA9C2F"/>
-</g>
-</g>
-<rect x="0.305085" y="0.305085" width="143.39" height="143.39" rx="31.4237" stroke="black" stroke-opacity="0.06" stroke-width="0.610169"/>
-<defs>
-<clipPath id="clip0_1563_11516">
-<rect width="144" height="144" rx="31.7288" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/components/ImagesProvider/images/currency/aud.svg b/src/components/ImagesProvider/images/currency/aud.svg
index 2a0f991c..ab7ffd11 100644
--- a/src/components/ImagesProvider/images/currency/aud.svg
+++ b/src/components/ImagesProvider/images/currency/aud.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#000" d="M4.52 24H2.5L8.36 8h1.99l5.86 16h-2.03L9.42 10.53h-.13L4.52 24Zm.75-6.25h8.16v1.72H5.27v-1.72ZM23.11 26V6h1.28v20h-1.28Zm4.3-14c-.1-.8-.47-1.4-1.13-1.84a4.35 4.35 0 0 0-2.45-.66c-.7 0-1.32.11-1.85.34-.53.23-.94.55-1.23.95a2.27 2.27 0 0 0-.14 2.47c.21.3.48.55.8.76.32.2.66.36 1.01.49.35.12.68.22.97.3l1.62.44c.42.1.88.26 1.39.45.51.2 1 .46 1.47.8a3.66 3.66 0 0 1 1.63 3.16c0 .86-.23 1.64-.68 2.34-.44.7-1.1 1.25-1.96 1.66-.86.42-1.9.62-3.12.62a7.29 7.29 0 0 1-2.97-.55 4.42 4.42 0 0 1-2.76-3.85H20c.05.6.25 1.1.6 1.5.36.39.82.68 1.36.87.55.19 1.14.28 1.78.28.73 0 1.4-.12 1.98-.36a3.41 3.41 0 0 0 1.4-1.01c.34-.44.51-.95.51-1.54 0-.53-.15-.96-.44-1.3-.3-.33-.69-.6-1.17-.8-.48-.21-1-.4-1.57-.55l-1.96-.56a7.3 7.3 0 0 1-2.96-1.54 3.39 3.39 0 0 1-1.09-2.62c0-.9.24-1.68.73-2.34a4.81 4.81 0 0 1 1.96-1.57 6.6 6.6 0 0 1 2.76-.56c1.03 0 1.94.19 2.74.56.8.36 1.44.86 1.9 1.5.48.63.73 1.35.75 2.16h-1.87Z"/></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.2999 11.3C14.9999 11.2 14.6999 11 14.4999 10.8C14.2999 10.6 14.0999 10.4 13.8999 10.1C13.7999 9.8 13.6999 9.5 13.6999 9.1C13.6999 8.7 13.7999 8.3 13.9999 7.9C14.1999 7.6 14.5999 7.3 14.9999 7.1C15.4999 7 15.9999 6.9 16.5999 6.9C17.0999 6.9 17.5999 7 17.9999 7.1C18.4999 7.3 18.7999 7.5 19.0999 7.8M15.0999 11.2C15.4999 11.4 16.1999 11.6 16.5999 11.7C16.9999 11.8 17.2999 11.9 17.6999 12.1C17.9999 12.2 18.3999 12.4 18.5999 12.6C18.8999 12.8 19.0999 13.1 19.1999 13.4C19.3999 13.7 19.3999 14.1 19.3999 14.6C19.3999 15 19.2999 15.5 18.9999 15.8C18.6999 16.2 18.3999 16.4 17.9999 16.7C17.5999 16.9 16.9999 17 16.3999 17C15.6999 17 15.1999 16.9 14.6999 16.7C14.1999 16.5 13.6999 16.2 13.2999 15.7M16.4999 18V6" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.59998 17.2L8.49998 6.79999L12.5 17.2" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6 13.7H11.1" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/currency/cny.svg b/src/components/ImagesProvider/images/currency/cny.svg
index 0b5207ba..30ba247f 100644
--- a/src/components/ImagesProvider/images/currency/cny.svg
+++ b/src/components/ImagesProvider/images/currency/cny.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#000" d="M10.04 13.81H8.6a2.91 2.91 0 0 0-1.21-1.85c-.3-.21-.63-.37-1-.48a4.04 4.04 0 0 0-3.1.38c-.58.36-1.04.88-1.38 1.58-.34.7-.51 1.55-.51 2.56s.17 1.86.5 2.56c.35.7.81 1.22 1.4 1.58.58.36 1.23.54 1.95.54.4 0 .78-.06 1.14-.16.37-.1.7-.27 1-.48A3.03 3.03 0 0 0 8.6 18.2h1.44a4.66 4.66 0 0 1-1.66 2.8c-.42.33-.9.58-1.43.75a5.45 5.45 0 0 1-4.4-.47 5.04 5.04 0 0 1-1.87-2.08A7 7 0 0 1 0 16a7 7 0 0 1 .68-3.2 5.04 5.04 0 0 1 1.87-2.07 5.45 5.45 0 0 1 4.4-.47 4.65 4.65 0 0 1 2.5 1.95c.29.46.49 1 .6 1.6ZM21.81 10.16v11.68h-1.4l-6.48-9.17h-.11v9.17h-1.45V10.16h1.4l6.51 9.2h.12v-9.2h1.41ZM25.1 10.16l3.04 6.5-1.12.46-3.53-6.96h1.6Zm2.25 6.5 3.05-6.5H32l-3.53 6.96-1.12-.46Zm1.12-.96v6.14h-1.45V15.7h1.45Zm2.6.32v1.03h-6.65v-1.03h6.65Zm0 2.26v1.03h-6.65v-1.03h6.65Z"/></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.8999 8L18.7999 11.7M18.7999 11.7V16M18.7999 11.7L21.6999 8M20.5999 11.7H16.9999M20.5999 13.2H16.9999" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.4999 15.3C8.2999 15.4 8.0999 15.5 7.7999 15.6C7.4999 15.7 7.2999 15.8 6.9999 15.8C6.7999 16 6.4999 16 6.1999 16C5.6999 16 5.1999 15.9 4.6999 15.7C4.1999 15.5 3.7999 15.2 3.4999 14.9C3.0999 14.5 2.8999 14.1 2.6999 13.6C2.4999 13.1 2.3999 12.6 2.3999 12C2.3999 11.4 2.4999 10.9 2.6999 10.4C2.7999 10 3.0999 9.5 3.4999 9.2C3.8999 8.9 4.2999 8.6 4.6999 8.4C5.1999 8.1 5.6999 8 6.1999 8C6.5999 8 6.9999 8.1 7.3999 8.2C7.7999 8.3 8.0999 8.5 8.4999 8.7" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10.0999 16V8L15.8999 16V8" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/currency/eur.svg b/src/components/ImagesProvider/images/currency/eur.svg
index 932545c4..82ba3765 100644
--- a/src/components/ImagesProvider/images/currency/eur.svg
+++ b/src/components/ImagesProvider/images/currency/eur.svg
@@ -1,3 +1,3 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.9796 13.4013L20.2317 15.0217H7.74805L8.34251 13.4013H20.9796ZM19.2441 17.342L18.4963 18.9624H7.74805L8.34251 17.342H19.2441ZM23.3095 8.14706L22.5424 9.8058C22.1333 9.42228 21.6955 9.09308 21.2289 8.81823C20.7623 8.53698 20.2701 8.32284 19.7523 8.17583C19.2346 8.02242 18.6912 7.94571 18.1223 7.94571C16.9462 7.94571 15.8947 8.27171 14.9679 8.9237C14.041 9.56929 13.3091 10.5057 12.7722 11.733C12.2417 12.9603 11.9764 14.4432 11.9764 16.1819C11.9764 17.9205 12.2417 19.4035 12.7722 20.6307C13.3091 21.858 14.041 22.7976 14.9679 23.4496C15.8947 24.0952 16.9462 24.418 18.1223 24.418C18.6976 24.418 19.2441 24.3445 19.7619 24.1975C20.2797 24.0505 20.7623 23.8427 21.2097 23.5743C21.6635 23.3058 22.0822 22.999 22.4657 22.6538L23.2615 24.3221C22.5968 24.9613 21.8169 25.4471 20.9221 25.7795C20.0336 26.1055 19.1003 26.2685 18.1223 26.2685C16.5499 26.2685 15.1564 25.8562 13.9419 25.0317C12.7338 24.2007 11.7846 23.0309 11.0943 21.5224C10.4103 20.0075 10.0684 18.2273 10.0684 16.1819C10.0684 14.1364 10.4103 12.3594 11.0943 10.8509C11.7846 9.33598 12.7338 8.16624 13.9419 7.34166C15.1564 6.5107 16.5499 6.09521 18.1223 6.09521C19.1387 6.09521 20.0847 6.27419 20.9604 6.63215C21.8425 6.98371 22.6255 7.48868 23.3095 8.14706Z" fill="black"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.8 10.9L6 10.8M12.8 13.7L6 13.6M18 18.2C17.7 18.4 17.3 18.6 16.9 18.8C16.5 19 16 19.2 15.5 19.3C15 19.4 14.5 19.5 14.1 19.5C13.2 19.5 12.3 19.3 11.4 19C10.6 18.6 9.8 18.1 9.2 17.5C8.6 16.8 8.1 16.1 7.7 15.1C7.3 14.1 7.2 13.1 7.2 12C7.2 10.9 7.4 9.90002 7.7 9.00002C8 8.10002 8.5 7.30002 9.2 6.60002C9.8 5.90002 10.6 5.40002 11.4 5.00002C12.2 4.60002 13.1 4.40002 14.1 4.40002C14.8 4.40002 15.5 4.50002 16.2 4.70002C16.9 4.90002 17.5 5.20002 18 5.60002" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/currency/gbp.svg b/src/components/ImagesProvider/images/currency/gbp.svg
index 46d3448f..a49cb547 100644
--- a/src/components/ImagesProvider/images/currency/gbp.svg
+++ b/src/components/ImagesProvider/images/currency/gbp.svg
@@ -1,3 +1,5 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.6122 26H8.8505V24.2358H21.6122V26ZM17.5756 18.2433H8.79297V16.4216H17.5756V18.2433ZM12.7528 12.1261L13.0501 20.9855C13.0884 21.8484 12.9957 22.6218 12.772 23.3058C12.5483 23.9897 12.1424 24.4819 11.5543 24.7824L9.67507 24.2358C10.0778 24.2358 10.391 24.0569 10.6147 23.6989C10.8384 23.3346 10.9886 22.8999 11.0653 22.3949C11.1484 21.89 11.1836 21.4201 11.1708 20.9855L10.9023 12.1261C10.8576 10.8093 11.0973 9.70352 11.6214 8.80864C12.152 7.91375 12.8551 7.23939 13.7308 6.78556C14.6129 6.32533 15.5526 6.09521 16.5497 6.09521C17.4254 6.09521 18.2212 6.25182 18.9371 6.56503C19.6594 6.87824 20.2667 7.30011 20.7589 7.83065C21.2511 8.36119 21.5962 8.96205 21.7944 9.63321C21.9989 10.298 22.0149 10.9851 21.8423 11.6946L19.9918 11.1865C20.0941 10.5089 19.995 9.92085 19.6946 9.42227C19.4006 8.9173 18.9787 8.53058 18.429 8.26212C17.8793 7.98726 17.2848 7.85303 16.6456 7.85942C15.9616 7.85942 15.3224 8.01922 14.728 8.33882C14.1335 8.65203 13.6541 9.12505 13.2898 9.75786C12.9254 10.3907 12.7464 11.1801 12.7528 12.1261Z" fill="black"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.4 18.6C18.3 18.7 18.1 18.8 17.9 18.9C17.6 19.1 17.2 19.3 16.8 19.4C16.4 19.5 16.1 19.6 15.7 19.6C15.3 19.6 14.8 19.5 14.3 19.4C14 19.2 13.5 19.1 13 19C12.5 18.9 12.1 18.8 11.6 18.7C11.1 18.6 10.7 18.5 10.3 18.5C9.99998 18.5 9.59998 18.5 9.19998 18.6C8.79998 18.7 8.49998 18.7 8.19998 18.8C7.89998 18.9 6.89998 19.2 6.59998 19.3M7.79998 19C7.99998 18.9 8.19998 18.7 8.39998 18.5C8.59998 18.2 8.79998 17.9 8.89998 17.5C8.99998 17.1 9.09998 16.6 9.09998 16.1C9.09998 15.6 8.99998 15.1 8.89998 14.6C8.79998 14.1 8.69998 13.6 8.49998 13.1C8.29998 12.6 8.19998 12 8.09998 11.5C7.99998 10.8 7.99998 10.2 7.99998 9.50002C7.99998 8.50002 8.19998 7.60002 8.59998 6.80002C8.99998 6.00002 9.49998 5.50002 10.2 5.00002C10.9 4.60002 11.7 4.40002 12.7 4.40002C13.5 4.40002 14.2 4.50002 14.9 4.80002C15.6 5.10002 16.2 5.40002 16.6 5.90002" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.8 10.8H5.59998" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.8 13.8L5.59998 13.7" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/currency/jpy.svg b/src/components/ImagesProvider/images/currency/jpy.svg
index 2b33b52a..a20cfff0 100644
--- a/src/components/ImagesProvider/images/currency/jpy.svg
+++ b/src/components/ImagesProvider/images/currency/jpy.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#000" d="m9.98 4 6.69 13.45-1.81.62L7.5 4h2.48Zm5.35 13.45L22.02 4h2.48l-7.36 14.07-1.8-.62Zm1.78-1.58V28h-2.22V15.87h2.22Zm5.47.59v1.65H9.42v-1.65h13.16Zm0 4.04v1.65H9.42V20.5h13.16Z"/></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.5 4.5L12 11.5M12 11.5V19.5M12 11.5L17.5 4.5M15.4 11.5L8.6 11.4M15.4 14.3L8.6 14.2" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/currency/krw.svg b/src/components/ImagesProvider/images/currency/krw.svg
index d507745b..45fb994b 100644
--- a/src/components/ImagesProvider/images/currency/krw.svg
+++ b/src/components/ImagesProvider/images/currency/krw.svg
@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#000" d="M27.86 13.07v1.64H4.16v-1.64h23.7Zm0 4.68v1.64H4.16v-1.64h23.7ZM5.84 6l4.48 17.2h.15L14.95 6h2.09l4.48 17.2h.15L26.16 6H28l-5.42 20h-1.93L16.06 9.04h-.12L11.35 26H9.42L4 6h1.84Z"/></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.70007 5.5L8.50007 18.5L12.0001 8.2L15.5001 18.5L20.4001 5.5" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M3.40002 12.6H20.6" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/currency/usd.svg b/src/components/ImagesProvider/images/currency/usd.svg
index 0cc916ec..ba470eee 100644
--- a/src/components/ImagesProvider/images/currency/usd.svg
+++ b/src/components/ImagesProvider/images/currency/usd.svg
@@ -1,3 +1,3 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.8622 28.4545V3.90906H16.2045V28.4545H14.8622ZM20.2219 11.2727C20.1132 10.2116 19.637 9.37745 18.7933 8.77021C17.9495 8.15657 16.8948 7.84975 15.6292 7.84975C14.7279 7.84975 13.9353 8.00316 13.2514 8.30998C12.5738 8.61041 12.0433 9.02909 11.6598 9.56602C11.2762 10.0966 11.0845 10.7038 11.0845 11.3878C11.0845 11.9055 11.1995 12.3561 11.4296 12.7397C11.6661 13.1232 11.9762 13.4524 12.3597 13.7272C12.7432 13.9957 13.1619 14.2226 13.6157 14.408C14.0696 14.5934 14.5202 14.7468 14.9676 14.8682L17.0099 15.4435C17.598 15.6033 18.2052 15.8142 18.8316 16.0763C19.4644 16.332 20.0493 16.6644 20.5862 17.0735C21.1232 17.4762 21.5578 17.978 21.8902 18.5788C22.229 19.1797 22.3984 19.902 22.3984 20.7457C22.3984 21.8004 22.1235 22.7496 21.5738 23.5934C21.0305 24.4371 20.2443 25.1051 19.2152 25.5973C18.186 26.0895 16.9492 26.3356 15.5046 26.3356C14.1431 26.3356 12.9637 26.115 11.9666 25.674C10.9758 25.2265 10.196 24.6065 9.62709 23.8139C9.05819 23.0149 8.7354 22.0912 8.65869 21.0429H10.6818C10.7457 21.81 10.9982 22.4556 11.4392 22.9797C11.8867 23.4975 12.462 23.8874 13.1651 24.1495C13.8746 24.4115 14.6544 24.5426 15.5046 24.5426C16.4634 24.5426 17.3167 24.3828 18.0646 24.0632C18.8188 23.7436 19.4101 23.2993 19.8384 22.7304C20.273 22.1552 20.4904 21.484 20.4904 20.7169C20.4904 20.0522 20.3146 19.5025 19.963 19.0678C19.6115 18.6267 19.1321 18.2624 18.5248 17.9748C17.9176 17.6807 17.224 17.4218 16.4442 17.1981L14.076 16.5078C12.5419 16.0603 11.3402 15.4307 10.4708 14.6189C9.60791 13.8007 9.17645 12.7525 9.17645 11.474C9.17645 10.4066 9.46409 9.47014 10.0394 8.66474C10.6147 7.85295 11.3945 7.22014 12.3789 6.7663C13.3632 6.31247 14.4659 6.08555 15.6867 6.08555C16.9204 6.08555 18.0135 6.31247 18.9659 6.7663C19.9183 7.21375 20.6725 7.82738 21.2286 8.60721C21.7911 9.38704 22.0916 10.2755 22.1299 11.2727H20.2219Z" fill="black"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.7 11.1C10.3 10.9 9.99998 10.7 9.69998 10.5C9.39998 10.3 9.19998 10 8.99998 9.7C8.79998 9.3 8.69998 8.9 8.69998 8.4C8.69998 7.8 8.79998 7.4 9.09998 6.9C9.39998 6.5 9.79998 6.1 10.3 5.9C10.8 5.7 11.5 5.5 12.2 5.5C12.8 5.5 13.4 5.6 14 5.8C14.6 6 15 6.3 15.4 6.7M10.4 11C10.9 11.2 11.8 11.5 12.2 11.7C12.7 11.8 13.1 12 13.6 12.2C14 12.4 14.4 12.6 14.8 12.8C15.1 13.1 15.4 13.4 15.6 13.8C15.8 14.2 15.9 14.7 15.9 15.2C15.9 15.8 15.7 16.3 15.4 16.7C15.1 17.2 14.6 17.5 14.1 17.8C13.5 18.1 12.9 18.2 12.1 18.2C11.3 18.2 10.5 18.1 9.89997 17.8C9.29997 17.5 8.69998 17.1 8.09998 16.6M12.3 19.5V4.5" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/actions.svg b/src/components/ImagesProvider/images/icon/actions.svg
new file mode 100644
index 00000000..3a23a3c7
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/actions.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.10002 11.5C2.50002 12.1 2.50002 13.1 3.10002 13.7C3.70002 14.3 4.70002 14.3 5.30002 13.7C5.90002 13.1 5.90002 12.1 5.30002 11.5C4.70002 10.9 3.70002 10.9 3.10002 11.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.6 10.9V14.4" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17.9 12.6H21.3" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.09998 7.3L9.99998 5.4C11.2 4.2 13.2 4.2 14.4 5.4C15.6 6.6 15.6 8.6 14.4 9.8L10.1 14.1C8.89998 15.3 8.89998 17.3 10.1 18.5C11.3 19.7 13.3 19.7 14.5 18.5L16.9 16.1" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/arrow.svg b/src/components/ImagesProvider/images/icon/arrow.svg
new file mode 100644
index 00000000..c341fed7
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/arrow.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g transform="rotate(90 12 12)">
+        <path d="M5 15.5L12 8.5L19 15.5" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/book.svg b/src/components/ImagesProvider/images/icon/book.svg
new file mode 100644
index 00000000..bb5b048d
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/book.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2.5 7.39999V19.5C2.5 19.5 6.7 16 12 19.5V7.39999C12 7.39999 7.2 3.49999 2.5 7.39999Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.4 6.19998C20.1 6.49998 20.8 6.89998 21.5 7.49998V19.6C21.5 19.6 17.3 16.1 12 19.6V7.39998C12 7.39998 12.8 6.49998 14.3 6.19998" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17.9 4.5H15.9V14.4H17.9V4.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/calendar.svg b/src/components/ImagesProvider/images/icon/calendar.svg
index f884aaa3..85d56a6d 100644
--- a/src/components/ImagesProvider/images/icon/calendar.svg
+++ b/src/components/ImagesProvider/images/icon/calendar.svg
@@ -1 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none"><g fill="#fff"><path  d="M3.36 3.36v10.27h10.28V3.36H3.36ZM1.95 3.2c0-.69.55-1.24 1.24-1.24H13.8c.69 0 1.24.55 1.24 1.24V13.8c0 .69-.55 1.24-1.24 1.24H3.2c-.69 0-1.24-.55-1.24-1.24V3.2Z" clip-rule="evenodd"/><path d="M11.69.88c.39 0 .7.32.7.71v2.13a.7.7 0 0 1-1.41 0V1.59c0-.39.32-.7.7-.7ZM5.31.88c.4 0 .71.32.71.71v2.13a.7.7 0 1 1-1.42 0V1.59c0-.39.32-.7.71-.7ZM1.95 5.84c0-.39.31-.7.7-.7h11.7a.7.7 0 0 1 0 1.41H2.64a.7.7 0 0 1-.7-.7Z" clip-rule="evenodd"/></g></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.7718 4.69125H18.9799C19.7047 4.69125 20.3087 5.29528 20.3087 6.02011V19.6711C20.3087 20.396 19.7047 21 18.9799 21H5.32886C4.60403 21 4 20.396 4 19.6711V6.02011C4 5.29528 4.60403 4.69125 5.44966 4.69125H6.65772H18.255" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.6846 3V4.44966" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.745 3V4.44966" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4 9.04028H20.0671" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8 13H17" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8 16H17" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/caret.svg b/src/components/ImagesProvider/images/icon/caret.svg
new file mode 100644
index 00000000..d55dc64b
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/caret.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.90002 6.70001L16.1 11.2C16.7 11.6 16.7 12.5 16.1 12.9L8.90002 17.4C8.20002 17.8 7.40002 17.3 7.40002 16.5V7.50001C7.40002 6.70001 8.30002 6.20001 8.90002 6.70001Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/chats.svg b/src/components/ImagesProvider/images/icon/chats.svg
new file mode 100644
index 00000000..7c70e923
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/chats.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.3 9H17M7.3 12.3H17M18 4.5H6C5.2 4.5 4.5 5.2 4.5 6V15.2C4.5 16 5.2 16.7 6 16.7H7.7V19.1C7.7 19.6 8.3 19.9 8.7 19.5L11.5 16.7H18C18.8 16.7 19.5 16 19.5 15.2V6C19.5 5.2 18.8 4.5 18 4.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/check.svg b/src/components/ImagesProvider/images/icon/check.svg
index 6d0bab19..aa96af32 100644
--- a/src/components/ImagesProvider/images/icon/check.svg
+++ b/src/components/ImagesProvider/images/icon/check.svg
@@ -1,3 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M25.8566 8.79619C26.1533 9.08531 26.1593 9.56015 25.8702 9.85676L13.1037 22.954C13.066 23.0449 13.0097 23.1299 12.9348 23.203C12.6388 23.4923 12.1643 23.487 11.8748 23.1912L11.8376 23.1532C11.8341 23.1497 11.8307 23.1461 11.8274 23.1425L6.12944 17.2972C5.84032 17.0005 5.84638 16.5257 6.14299 16.2366C6.4396 15.9475 6.91444 15.9535 7.20357 16.2501L12.3736 21.554L24.7961 8.80975C25.0852 8.51313 25.56 8.50706 25.8566 8.79619Z" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.9 6L8.90002 18" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.69998 18L3.09998 12.4" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/close.svg b/src/components/ImagesProvider/images/icon/close.svg
index 7319743c..935ad14e 100644
--- a/src/components/ImagesProvider/images/icon/close.svg
+++ b/src/components/ImagesProvider/images/icon/close.svg
@@ -1,3 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.53033 8.46967C9.23744 8.17678 8.76256 8.17678 8.46967 8.46967C8.17678 8.76256 8.17678 9.23744 8.46967 9.53033L14.9371 15.9977L8.46967 22.4651C8.17678 22.758 8.17678 23.2329 8.46967 23.5258C8.76256 23.8187 9.23744 23.8187 9.53033 23.5258L15.9977 17.0584L22.4651 23.5258C22.758 23.8187 23.2329 23.8187 23.5258 23.5258C23.8187 23.2329 23.8187 22.758 23.5258 22.4651L17.0584 15.9977L23.5258 9.53033C23.8187 9.23744 23.8187 8.76256 23.5258 8.46967C23.2329 8.17678 22.758 8.17678 22.4651 8.46967L15.9977 14.9371L9.53033 8.46967Z" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18 6L6 18" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18 18L6 6" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/collapse.svg b/src/components/ImagesProvider/images/icon/collapse.svg
new file mode 100644
index 00000000..1f51ae94
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/collapse.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.215 10.8723L13.6713 10.8723L13.6713 5.32864" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13.9682 10.6744L20.3322 4.31042" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.8396 14.1605L10.3833 14.1605L10.3833 19.7042" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10.0864 14.3584L3.7224 20.7224" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/control.svg b/src/components/ImagesProvider/images/icon/control.svg
new file mode 100644
index 00000000..6b6815c6
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/control.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.4 12.1C10.4 12.6 10.2 13.2 9.8 13.6C8.9 14.5 7.6 14.5 6.7 13.6C6.3 13.2 6 12.6 6 12.1C6 11.5 6.2 10.9 6.6 10.5C7.5 9.69999 8.8 9.69999 9.7 10.5C10.2 10.9 10.4 11.5 10.4 12.1Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17.8 6.69999C17.8 7.19999 17.6 7.79999 17.2 8.19999C16.4 9.09999 15 9.09999 14.1 8.19999C13.7 7.79999 13.5 7.19999 13.5 6.69999C13.5 6.09999 13.7 5.49999 14.1 5.09999C14.9 4.19999 16.3 4.19999 17.2 5.09999C17.6 5.59999 17.8 6.19999 17.8 6.69999Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.9 17.4C16.9 17.9 16.7 18.4 16.3 18.9C15.4 19.7 14 19.7 13.2 18.9C12.8 18.5 12.6 18 12.6 17.4C12.6 16.8 12.8 16.2 13.2 15.8C14 14.9 15.4 14.9 16.3 15.8C16.8 16.2 17 16.8 16.9 17.4Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.8999 6.69998H17.7999" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13.4 6.69998H4.09998" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.9 12.1H10.4" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.99998 12.1H4.09998" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.9 17.4H16.9" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.6 17.4H4.09998" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/copy.svg b/src/components/ImagesProvider/images/icon/copy.svg
index 48b53cd0..cc873868 100644
--- a/src/components/ImagesProvider/images/icon/copy.svg
+++ b/src/components/ImagesProvider/images/icon/copy.svg
@@ -1,3 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 6.66667C4.75 5.60812 5.60812 4.75 6.66667 4.75H20C21.0585 4.75 21.9167 5.60812 21.9167 6.66667V8.58337H12.3335C10.2624 8.58337 8.5835 10.2623 8.5835 12.3334V21.9167H6.66667C5.60812 21.9167 4.75 21.0585 4.75 20V6.66667ZM8.5835 23.4167H6.66667C4.77969 23.4167 3.25 21.887 3.25 20V6.66667C3.25 4.77969 4.77969 3.25 6.66667 3.25H20C21.887 3.25 23.4167 4.77969 23.4167 6.66667V8.58337H25.0002C27.0712 8.58337 28.7502 10.2623 28.7502 12.3334V25C28.7502 27.0711 27.0712 28.75 25.0002 28.75H12.3335C10.2624 28.75 8.5835 27.0711 8.5835 25V23.4167ZM10.0835 12.3334C10.0835 11.0907 11.0909 10.0834 12.3335 10.0834H25.0002C26.2428 10.0834 27.2502 11.0907 27.2502 12.3334V25C27.2502 26.2427 26.2428 27.25 25.0002 27.25H12.3335C11.0909 27.25 10.0835 26.2427 10.0835 25V12.3334Z" fill="#001D47"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.0199 5.98013H8.41062C7.69539 5.98013 7.09937 6.57616 7.09937 7.4106V19.5695C7.09937 20.2848 7.69539 21 8.52983 21H19.1391C19.8543 21 20.5696 20.404 20.5696 19.5695V7.4106C20.4504 6.57616 19.8543 5.98013 19.0199 5.98013Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linejoin="round"/>
+    <path d="M16.2781 3H5.07285C4.47682 3 4 3.47682 4 4.07285V16.947" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/dao.svg b/src/components/ImagesProvider/images/icon/dao.svg
new file mode 100644
index 00000000..6dad1e57
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/dao.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 19.5V4.5" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.2 16.9V7.20001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.79993 16.9V7.20001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.2999 15V9.10001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.69995 15V9.10001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/dots.svg b/src/components/ImagesProvider/images/icon/dots.svg
new file mode 100644
index 00000000..2c8def18
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/dots.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.5 14C6.60457 14 7.5 13.1046 7.5 12C7.5 10.8954 6.60457 10 5.5 10C4.39543 10 3.5 10.8954 3.5 12C3.5 13.1046 4.39543 14 5.5 14Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.5 14C19.6046 14 20.5 13.1046 20.5 12C20.5 10.8954 19.6046 10 18.5 10C17.3954 10 16.5 10.8954 16.5 12C16.5 13.1046 17.3954 14 18.5 14Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/earth.svg b/src/components/ImagesProvider/images/icon/earth.svg
index 47560a6e..974a8093 100644
--- a/src/components/ImagesProvider/images/icon/earth.svg
+++ b/src/components/ImagesProvider/images/icon/earth.svg
@@ -1,3 +1,5 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.77442 15.2499C5.08714 10.4646 8.3712 6.51036 12.807 5.20674C11.0085 8.27968 10.0493 11.7515 9.9293 15.2499H4.77442ZM4.77441 16.7499H9.92927C10.0491 20.2483 11.0082 23.7201 12.8066 26.7931C8.37092 25.4893 5.08706 21.5351 4.77441 16.7499ZM11.4303 16.7499C11.5517 20.0499 12.4749 23.3222 14.1999 26.2023L14.2 26.2024C14.6068 26.8818 15.271 27.231 15.9423 27.2499L16 27.25L16.0573 27.2499C16.7287 27.231 17.3929 26.8819 17.7997 26.2024L17.7998 26.2023C19.5248 23.3222 20.448 20.0499 20.5694 16.7499H11.4303ZM22.0703 16.7499C21.9505 20.2484 20.9914 23.7202 19.193 26.7932C23.6289 25.4896 26.9129 21.5353 27.2256 16.7499H22.0703ZM27.2256 15.2499H22.0703C21.9503 11.7514 20.9911 8.27957 19.1926 5.20662C23.6286 6.51012 26.9128 10.4645 27.2256 15.2499ZM20.5694 15.2499H11.4303C11.5518 11.9502 12.475 8.6782 14.1999 5.79838L14.2 5.79827C14.6184 5.0994 15.309 4.74988 15.9998 4.75C16.6902 4.75012 17.3807 5.09948 17.7998 5.79838C19.5247 8.6782 20.4479 11.9502 20.5694 15.2499ZM3.25 15.9975C3.25135 8.94184 8.94385 3.25011 15.9998 3.25H16C23.0568 3.25 28.7499 8.94309 28.75 15.9999C28.75 16 28.75 16 28.75 16C28.75 23.03 23.1002 28.7066 16.0807 28.7498C16.0268 28.751 15.9728 28.751 15.9189 28.7497C8.89954 28.7063 3.25 23.0298 3.25 16C3.25 15.9992 3.25 15.9983 3.25 15.9975Z" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.431 11.6897C16.5 11.3793 14.4828 11.069 14.1724 9.82759C13.7069 8.12069 15.4138 8.43103 16.1897 7.65517C17.5862 6.56897 18.8276 6.87931 19.7586 7.34483C18.2069 4.7069 15.2586 3 12 3C11.3793 3 10.7586 3 10.2931 3.15517C10.7586 3.62069 11.069 4.24138 11.2241 4.7069C11.3793 5.63793 10.2931 6.87931 8.74138 7.03448C7.18965 7.18966 5.01724 6.41379 5.48276 7.96552C5.7931 8.89655 6.25862 9.36207 7.65517 9.67241C9.05172 9.98276 11.3793 11.8448 10.2931 12.6207C8.74138 13.8621 9.51724 15.7241 8.58621 16.3448C7.34483 16.9655 6.10345 16.5 5.7931 14.7931C5.48276 12.6207 3.77586 12.1552 3 11.5345C3 11.6897 3 11.8448 3 12C3 16.9655 7.03448 21 12 21C14.3276 21 16.3448 20.069 18.0517 18.6724C17.2759 18.8276 16.8103 16.9655 17.2759 15.1034C17.5862 13.7069 19.7586 12.6207 17.431 11.6897Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.0515 18.6723C18.517 18.2068 18.9825 17.7413 19.2929 17.2758C20.2239 16.0344 20.8446 14.3275 20.9998 12.6206C20.9998 12.4654 20.9998 12.1551 20.9998 11.9999C20.9998 10.293 20.5343 8.74128 19.7584 7.34473" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10.2931 3.15527C9.51724 3.31045 8.89655 3.62079 8.27586 3.93114C6.72414 4.55183 5.48276 5.63803 4.55172 7.03458C3.62069 8.43113 3.15517 9.98286 3 11.6898" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/edit.svg b/src/components/ImagesProvider/images/icon/edit.svg
new file mode 100644
index 00000000..4974b1b2
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/edit.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.5752 7.39414L8.94598 19.0234L4.00018 20.6675C3.60009 20.8005 3.22512 20.4091 3.37521 20.0151L5.26511 15.054L16.8943 3.42468C17.4606 2.85839 18.4516 2.85839 19.0179 3.42468L20.5752 4.98197C21.1415 5.54826 21.1415 6.82785 20.5752 7.39414Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.3724 5.03827L19.0854 8.7512" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M5.47522 14.9355L9.18814 18.6485" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/email.svg b/src/components/ImagesProvider/images/icon/email.svg
new file mode 100644
index 00000000..5b854bda
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/email.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17 9L12.6 12.5C12.5 12.6 12.3 12.7 12.1 12.7H12C11.9 12.7 11.9 12.7 11.9 12.7C11.7 12.7 11.6 12.6 11.4 12.5L7.00005 9M18.3 6H5.70005C4.70005 6 3.80005 6.8 3.80005 7.9V16.2C3.80005 17.2 4.60005 18.1 5.70005 18.1H18.4C19.4 18.1 20.3 17.3 20.3 16.2V7.9C20.2 6.8 19.4 6 18.3 6Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/filter.svg b/src/components/ImagesProvider/images/icon/filter.svg
new file mode 100644
index 00000000..78e42fb7
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/filter.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.5 5.4C20.1 9.1 17.4 12 13.9 12.8V16.1C13.9 16.7 13.6 17.2 13.2 17.5L11 19.4C10.7 19.7 10.2 19.4 10.2 19V12.9C6.60005 12.1 3.90005 9.1 3.50005 5.4C3.40005 4.9 3.80005 4.5 4.30005 4.5H19.8C20.2 4.5 20.6 4.9 20.5 5.4Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/gas.svg b/src/components/ImagesProvider/images/icon/gas.svg
index 72079aa8..b4ea761f 100644
--- a/src/components/ImagesProvider/images/icon/gas.svg
+++ b/src/components/ImagesProvider/images/icon/gas.svg
@@ -1,3 +1,7 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.59042 4.71033C7.59042 4.9209 7.36912 5.08469 7.08768 5.08469H1.82549C1.5419 5.08469 1.32253 4.92084 1.32253 4.71033L1.32246 1.37092C1.32246 1.16035 1.54183 0.99655 1.82542 0.99655L7.08761 0.996498C7.36905 0.996498 7.59035 1.16035 7.59035 1.37087L7.59042 4.71033ZM13.7251 5.13704C13.0592 5.02694 12.8178 4.76955 12.8178 4.53257V3.66956C12.8178 3.66956 13.2604 3.74393 13.3665 3.76461C13.5823 3.80732 13.7194 4.05643 13.7251 4.27403C13.7323 4.49157 13.7251 5.13704 13.7251 5.13704ZM15.0656 10.3804C15.0656 10.3721 14.8812 9.32044 14.8812 9.32044L14.8811 4.46385C14.8811 3.94355 14.6542 3.52084 14.186 3.16581L11.1972 0.927578C10.9906 0.927578 10.42 1.35574 10.42 1.35574C10.42 1.51126 11.9034 2.61942 11.9034 2.61942L11.8594 4.50392C11.8594 5.17303 12.5818 5.71526 13.4746 5.71526L13.8751 5.71942L13.7325 9.32056L13.932 10.5554L14.8301 14.1992C14.8633 14.7911 14.1441 15.1434 13.5771 15.1434C13.0523 15.1434 12.4432 14.8171 12.4432 14.3959L12.4543 8.01028C12.4543 7.23384 11.6167 6.60337 10.585 6.60337H8.78153C8.90782 6.59811 8.91315 2.42157 8.91315 1.53492V1.37091C8.9126 0.61519 8.09334 0 7.0874 0H1.82557C0.819391 0 0 0.615203 0 1.37091V16H8.91563L8.92179 7.50094H10.6046C10.9905 7.50094 11.3051 7.73791 11.3051 8.02812V14.396C11.3051 15.2511 12.3658 15.9999 13.5767 15.9999C14.7198 15.9999 16 15.3157 16 14.396C15.9801 14.184 15.0655 10.3807 15.0655 10.3807L15.0656 10.3804Z" fill="white" fill-opacity="0.8"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.34803 3H13.0037C14.249 3 15.2621 4.03514 15.2621 5.3075V20.2523H4.0896V5.3075C4.0896 4.03514 5.10273 3 6.34803 3Z" stroke="#1C1C25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.0539 6.53677H7.29077V9.17494H12.0539V6.53677Z" fill="#1C1C25" stroke="#1C1C25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M2.5 20.2955H16.5" stroke="#1C1C25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.6604 8.28351C19.0334 8.28351 19.3358 7.97454 19.3358 7.59341C19.3358 7.21229 19.0334 6.90332 18.6604 6.90332C18.2874 6.90332 17.985 7.21229 17.985 7.59341C17.985 7.97454 18.2874 8.28351 18.6604 8.28351Z" fill="#1C1C25" stroke="#1C1C25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.2762 13.9337C15.8672 16.4927 18.4423 17.8442 20.2575 16.9672C23.2828 15.5007 21.9671 9.87217 19.3639 6.50797H15.9235" stroke="#1C1C25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/gear.svg b/src/components/ImagesProvider/images/icon/gear.svg
index b4c962b2..0d2ee4be 100644
--- a/src/components/ImagesProvider/images/icon/gear.svg
+++ b/src/components/ImagesProvider/images/icon/gear.svg
@@ -1,3 +1,3 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.44337 9.61641C10.9664 10.2488 13.5361 8.76521 14.25 6.26397C14.7524 4.50348 17.2473 4.50348 17.7498 6.26397C18.4636 8.76522 21.0333 10.2488 23.5564 9.61641C25.3322 9.17127 26.5797 11.332 25.3063 12.6473C23.497 14.5161 23.497 17.4834 25.3063 19.3522C26.5797 20.6676 25.3322 22.8282 23.5564 22.3831C21.0333 21.7507 18.4636 23.2343 17.7498 25.7355C17.2473 27.496 14.7524 27.496 14.25 25.7355C13.5361 23.2343 10.9664 21.7507 8.44337 22.3831C6.66753 22.8282 5.42006 20.6676 6.69347 19.3522C8.5027 17.4834 8.5027 14.5161 6.69347 12.6473C5.42006 11.332 6.66753 9.17127 8.44337 9.61641ZM12.8076 5.85232C13.7241 2.6407 18.2756 2.6407 19.1922 5.85233C19.6838 7.57514 21.4538 8.59703 23.1916 8.16142C26.4313 7.34937 28.707 11.2911 26.384 13.6907C25.1378 14.9779 25.1378 17.0217 26.384 18.3089C28.707 20.7084 26.4313 24.6501 23.1916 23.8381C21.4538 23.4025 19.6838 24.4244 19.1922 26.1472C18.2756 29.3588 13.7241 29.3588 12.8076 26.1472C12.3159 24.4244 10.5459 23.4025 8.80808 23.8381C5.56845 24.6501 3.2927 20.7084 5.61577 18.3089C6.86194 17.0217 6.86194 14.9779 5.61577 13.6907C3.2927 11.2911 5.56845 7.34937 8.80808 8.16142C10.5459 8.59703 12.3159 7.57514 12.8076 5.85232ZM13.0816 15.9998C13.0816 14.3881 14.3881 13.0816 15.9998 13.0816C17.6114 13.0816 18.918 14.3881 18.918 15.9998C18.918 17.6115 17.6114 18.918 15.9998 18.918C14.3881 18.918 13.0816 17.6115 13.0816 15.9998ZM15.9998 11.5816C13.5597 11.5816 11.5816 13.5597 11.5816 15.9998C11.5816 18.4399 13.5597 20.418 15.9998 20.418C18.4399 20.418 20.418 18.4399 20.418 15.9998C20.418 13.5597 18.4399 11.5816 15.9998 11.5816Z" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.3945 13.6779C19.9918 13.4094 19.5891 13.1409 19.0522 13.0067C18.9179 13.0067 18.9179 12.8725 18.9179 12.7383C18.9179 12.3356 18.9179 11.9329 18.9179 11.5302C18.9179 11.396 18.9179 11.2617 19.0522 11.2617C19.4549 10.9933 19.8575 10.7248 20.2602 10.5906C21.1998 10.0537 21.4683 9.11409 20.9314 8.1745C20.5287 7.36913 20.126 6.69799 19.7233 6.02685C19.1864 5.08725 18.381 4.81879 17.4414 5.3557C17.0387 5.62416 16.5018 5.89262 16.0992 6.16107C15.9649 6.16107 15.9649 6.16107 15.8307 6.16107C15.428 5.89262 15.1596 5.75839 14.7569 5.48993C14.6226 5.48993 14.6226 5.3557 14.6226 5.22148C14.6226 4.68456 14.6226 4.14765 14.6226 3.61074C14.6226 2.67114 13.9515 2 13.0119 2C12.0723 2 11.2669 2 10.3273 2C9.38774 2 8.7166 2.67114 8.7166 3.61074C8.7166 4.14765 8.7166 4.68456 8.7166 5.22148C8.7166 5.3557 8.58237 5.3557 8.58237 5.48993C8.17969 5.62416 7.91123 5.89262 7.50855 6.02685C7.37432 6.02685 7.37432 6.16107 7.24009 6.02685C6.70318 5.75839 6.30049 5.48993 5.76358 5.22148C4.95821 4.81879 4.15284 5.08725 3.61593 5.89262C3.21324 6.69799 2.81056 7.36913 2.27365 8.1745C1.73673 9.11409 2.00519 9.91946 2.94479 10.4564C3.34747 10.7248 3.75016 10.9933 4.28707 11.2617C4.4213 11.2617 4.4213 11.396 4.4213 11.5302C4.4213 11.9329 4.4213 12.3356 4.4213 12.7383C4.4213 12.8725 4.4213 13.0067 4.28707 13.0067C3.88439 13.2752 3.4817 13.4094 3.07902 13.6779C2.00519 14.2148 1.87096 15.1544 2.40788 16.094C2.81056 16.7651 3.21324 17.4362 3.61593 18.1074C4.15284 19.047 4.95821 19.3154 5.89781 18.7785C6.30049 18.5101 6.70318 18.2416 7.24009 17.9732C7.37432 17.8389 7.37432 17.9732 7.50855 17.9732C7.91123 18.2416 8.17969 18.3758 8.58237 18.5101C8.7166 18.5101 8.7166 18.6443 8.7166 18.7785C8.7166 19.3154 8.7166 19.8524 8.7166 20.3893C8.7166 21.3289 9.38774 22 10.3273 22C10.73 22 11.1327 22 11.6696 22C12.0723 22 12.6092 22 13.0119 22C13.9515 22 14.6226 21.3289 14.6226 20.3893C14.6226 19.8524 14.6226 19.3154 14.6226 18.7785C14.6226 18.6443 14.7569 18.6443 14.7569 18.5101C15.1596 18.2416 15.428 18.1074 15.8307 17.8389C15.9649 17.8389 15.9649 17.8389 16.0992 17.8389C16.5018 18.1074 17.0387 18.3758 17.4414 18.6443C18.2468 19.1812 19.1864 18.9128 19.7233 17.9732C20.126 17.302 20.5287 16.4966 20.9314 15.8255C21.6025 15.1544 21.3341 14.2148 20.3945 13.6779ZM11.6696 14.7517C10.1931 14.7517 9.11929 13.5436 9.11929 12.2013C9.11929 10.7248 10.3273 9.51678 11.6696 9.51678C13.1461 9.51678 14.3542 10.7248 14.3542 12.0671C14.22 13.5436 13.1461 14.7517 11.6696 14.7517Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/home.svg b/src/components/ImagesProvider/images/icon/home.svg
index ed12e344..e8d7a299 100644
--- a/src/components/ImagesProvider/images/icon/home.svg
+++ b/src/components/ImagesProvider/images/icon/home.svg
@@ -1,3 +1,3 @@
-<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.5 13V8.5H9.5V13H13.25V7H15.5L8 0.25L0.5 7H2.75V13H6.5Z" fill="white" fill-opacity="0.7"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.3 10.6L12.7 4.80001C12.3 4.50001 11.7 4.50001 11.4 4.80001L4.8 10.6C4.6 10.8 4.5 11.1 4.5 11.4V18.5C4.5 19.1 4.9 19.5 5.5 19.5H9.7V15.6C9.7 15 10.2 14.6 10.7 14.6H13.6C14.2 14.6 14.6 15 14.6 15.6V19.5H18.8C19.4 19.5 19.8 19 19.8 18.5V11.4C19.7 11 19.5 10.8 19.3 10.6Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/info.svg b/src/components/ImagesProvider/images/icon/info.svg
index 5733db72..c80944ed 100644
--- a/src/components/ImagesProvider/images/icon/info.svg
+++ b/src/components/ImagesProvider/images/icon/info.svg
@@ -1,3 +1 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 15C11.866 15 15 11.866 15 8.00001C15 4.13401 11.866 1 8.00001 1C4.13401 1 1 4.13401 1 8.00001C1 11.866 4.13401 15 8.00001 15ZM7.99983 12.0127C8.5245 12.0127 8.94983 11.5874 8.94983 11.0627V8.0627C8.94983 7.53802 8.5245 7.1127 7.99983 7.1127C7.47516 7.1127 7.04983 7.53802 7.04983 8.0627V11.0627C7.04983 11.5874 7.47516 12.0127 7.99983 12.0127ZM6.98767 5.12501C6.98767 5.64968 7.413 6.07501 7.93767 6.07501C8.53141 6.07501 9.01272 5.5937 9.01272 4.99996C9.01272 4.47529 8.58739 4.04996 8.06272 4.04996C7.76855 4.04996 7.5056 4.18367 7.33134 4.39363C7.12138 4.56789 6.98767 4.83084 6.98767 5.12501Z" fill="#787887"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3C7.08 3 3 7.08 3 12C3 16.92 7.08 21 12 21C16.92 21 21 16.92 21 12C21 7.08 16.92 3 12 3Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.8 9.4C9.8 8.18 10.78 7.2 12 7.2C13.22 7.2 14.2 8.18 14.2 9.4C14.2 10.62 13.22 11.6 12 11.6V12.9" stroke="#1C1C25" stroke-width="1.8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9999 16.8C12.5301 16.8 12.9599 16.3702 12.9599 15.84C12.9599 15.3098 12.5301 14.88 11.9999 14.88C11.4697 14.88 11.0399 15.3098 11.0399 15.84C11.0399 16.3702 11.4697 16.8 11.9999 16.8Z" fill="#1C1C25"/></svg>
\ No newline at end of file
diff --git a/src/components/ImagesProvider/images/icon/lamp.svg b/src/components/ImagesProvider/images/icon/lamp.svg
new file mode 100644
index 00000000..12524bd5
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/lamp.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.7455 7.4567C18.4646 10.3332 17.0264 13.0898 14.7492 14.2883V17.5243C14.7492 17.764 14.5095 18.0037 14.2698 18.0037H9.47571C9.23601 18.0037 8.99631 17.764 8.99631 17.5243V14.2883C7.31837 13.3295 6 11.292 6 9.01478C6 5.29936 9.47571 2.30305 13.311 3.14202C15.4683 3.62143 17.2661 5.41921 17.7455 7.4567Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M9.47571 21H14.5095" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/link.svg b/src/components/ImagesProvider/images/icon/link.svg
index 542e7aaf..49a256f5 100644
--- a/src/components/ImagesProvider/images/icon/link.svg
+++ b/src/components/ImagesProvider/images/icon/link.svg
@@ -1,5 +1,5 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.33067 4.745C6.79833 4.745 4.74512 6.7982 4.74512 9.33055V22.6694C4.74512 25.2018 6.79833 27.255 9.33067 27.255H22.6696C25.2019 27.255 27.2551 25.2018 27.2551 22.6694V16C27.2551 15.5858 27.5909 15.25 28.0051 15.25C28.4193 15.25 28.7551 15.5858 28.7551 16V22.6694C28.7551 26.0302 26.0303 28.755 22.6696 28.755H9.33067C5.9699 28.755 3.24512 26.0302 3.24512 22.6694V9.33055C3.24512 5.96978 5.9699 3.245 9.33067 3.245H14.6662C15.0804 3.245 15.4162 3.58078 15.4162 3.995C15.4162 4.40921 15.0804 4.745 14.6662 4.745H9.33067Z" fill="#00060F"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.584 11.3314C16.584 8.70691 18.7112 6.57971 21.3357 6.57971H28.0051C28.4193 6.57971 28.7551 6.9155 28.7551 7.32971C28.7551 7.74393 28.4193 8.07971 28.0051 8.07971H21.3357C19.5396 8.07971 18.084 9.53534 18.084 11.3314V14.6661C18.084 15.0803 17.7482 15.4161 17.334 15.4161C16.9198 15.4161 16.584 15.0803 16.584 14.6661V11.3314Z" fill="#00060F"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.1401 3.46467C24.433 3.17177 24.9078 3.17177 25.2007 3.46467L28.5355 6.79939C28.8284 7.09228 28.8284 7.56715 28.5355 7.86005L25.2007 11.1948C24.9078 11.4877 24.433 11.4877 24.1401 11.1948C23.8472 10.9019 23.8472 10.427 24.1401 10.1341L26.9445 7.32972L24.1401 4.52533C23.8472 4.23243 23.8472 3.75756 24.1401 3.46467Z" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.8824 14L18.8824 18.5974C18.8824 19.3106 18.2697 19.8824 17.5122 19.8824H4.37678C3.61922 19.8824 3 19.3106 3 18.5974V6.34383C3 5.63063 3.61922 5.05884 4.37678 5.05884H10.9708" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.5548 5L20 8.44525L16.5548 11.8905" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.9266 8.44527L15 8.44522C12 8.44522 11 9.69137 11 11.7439V12.6968" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/loader.svg b/src/components/ImagesProvider/images/icon/loader.svg
index c91578c3..881051ac 100644
--- a/src/components/ImagesProvider/images/icon/loader.svg
+++ b/src/components/ImagesProvider/images/icon/loader.svg
@@ -1,10 +1,10 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.4" d="M14.0025 7.99998H12.0017" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.7" d="M1.99756 7.99998H3.99839" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.9" d="M7.99998 1.99756V3.99839" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.5" d="M7.99998 14.0025V12.0017" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.4" d="M12.2444 12.2444L10.8298 10.8298" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.8" d="M3.75562 3.75562L5.1702 5.1702" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.2" d="M10.8298 5.1702L12.2444 3.75562" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
-<path opacity="0.6" d="M5.1702 10.8298L3.75562 12.2444" stroke="white" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.421 4L12.421 7.36842" stroke="black" stroke-linecap="round"/>
+    <path d="M12.421 16.8L12.421 20.1684" stroke="black" stroke-opacity="0.3" stroke-linecap="round"/>
+    <path d="M20 12.4932L16.6316 12.4932" stroke="black" stroke-opacity="0.1" stroke-linecap="round"/>
+    <path d="M7.36841 12.4932L3.99999 12.4932" stroke="black" stroke-opacity="0.6" stroke-linecap="round"/>
+    <path d="M17.8401 6.59848L15.4583 8.98031" stroke="black" stroke-opacity="0.05" stroke-linecap="round"/>
+    <path d="M8.9082 15.5304L6.52637 17.9122" stroke="black" stroke-opacity="0.4" stroke-linecap="round"/>
+    <path d="M6.52637 6.59848L8.9082 8.98031" stroke="black" stroke-opacity="0.8" stroke-linecap="round"/>
+    <path d="M15.4581 15.5304L17.84 17.9122" stroke="black" stroke-opacity="0.2" stroke-linecap="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/lock.svg b/src/components/ImagesProvider/images/icon/lock.svg
new file mode 100644
index 00000000..2e19f841
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/lock.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11 9.12H7.52C6.08 9.12 5 10.2 5 11.64V18.48C5 19.92 6.08 21 7.52 21H16.16C17.6 21 18.68 19.92 18.68 18.48V11.64C18.68 10.2 17.6 9.12 16.16 9.12H10.76M8.12 9V6.72C8.12 4.68 9.8 3 11.84 3C13.88 3 15.56 4.68 15.56 6.72V9M11.84 13.44V16.92" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/longArrow.svg b/src/components/ImagesProvider/images/icon/longArrow.svg
new file mode 100644
index 00000000..b87f208b
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/longArrow.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.0824 5L21 11.9176L14.0824 18.8353" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M21 11.9177H3" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/metaVault.svg b/src/components/ImagesProvider/images/icon/metaVault.svg
new file mode 100644
index 00000000..fafe1e38
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/metaVault.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="3" y="3" width="18" height="18" stroke="#1C1C25" stroke-miterlimit="1.30541" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="7 7"/>
+    <rect x="6" y="6" width="5.45455" height="5.45455" rx="1" fill="#1C1C25"/>
+    <rect x="6" y="12.5453" width="5.45455" height="5.45455" rx="1" fill="#1C1C25"/>
+    <rect x="12.5455" y="6" width="5.45455" height="5.45455" rx="1" fill="#1C1C25"/>
+    <rect x="12.5455" y="12.5453" width="5.45455" height="5.45455" rx="1" fill="#1C1C25"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/minus.svg b/src/components/ImagesProvider/images/icon/minus.svg
new file mode 100644
index 00000000..d22998c4
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/minus.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.5 12H4.5" stroke="#1C1C25" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/money.svg b/src/components/ImagesProvider/images/icon/money.svg
index b5c6aee4..1760c56e 100644
--- a/src/components/ImagesProvider/images/icon/money.svg
+++ b/src/components/ImagesProvider/images/icon/money.svg
@@ -1,6 +1,5 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.33317 7.41663C4.27405 7.41663 3.4165 8.27417 3.4165 9.33329V22.6666C3.4165 23.7257 4.27405 24.5833 5.33317 24.5833H26.6665C27.7256 24.5833 28.5832 23.7257 28.5832 22.6666V9.33329C28.5832 8.27417 27.7256 7.41663 26.6665 7.41663H5.33317ZM1.9165 9.33329C1.9165 7.44575 3.44562 5.91663 5.33317 5.91663H26.6665C28.554 5.91663 30.0832 7.44575 30.0832 9.33329V22.6666C30.0832 24.5542 28.554 26.0833 26.6665 26.0833H5.33317C3.44562 26.0833 1.9165 24.5542 1.9165 22.6666V9.33329Z" fill="#00060F"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8265 14.1733C16.8177 13.1644 15.182 13.1644 14.1731 14.1733L13.6428 13.6429L14.1731 14.1733C13.1643 15.1821 13.1643 16.8178 14.1731 17.8266L13.6428 18.357L14.1731 17.8266C15.182 18.8355 16.8177 18.8355 17.8265 17.8266C18.8354 16.8178 18.8354 15.1821 17.8265 14.1733ZM18.8868 13.1122C17.2921 11.518 14.707 11.5181 13.1125 13.1126C11.5178 14.7072 11.5178 17.2927 13.1125 18.8873C14.7071 20.4819 17.2925 20.4819 18.8872 18.8873C20.4818 17.2927 20.4818 14.7072 18.8872 13.1126C18.887 13.1125 18.8869 13.1123 18.8868 13.1122Z" fill="#00060F"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9944 14.75C23.3054 14.7537 22.75 15.3132 22.75 16.0013C22.75 16.6902 23.3089 17.2524 24.0018 17.25C24.0012 17.25 24.0006 17.25 24 17.25V16.5L24.0036 17.25C24.003 17.25 24.0024 17.25 24.0018 17.25C24.6912 17.249 25.25 16.6896 25.25 16C25.25 15.3087 24.6892 14.7503 23.9993 14.75M23.9969 14.75C23.9963 14.75 23.9956 14.75 23.995 14.75C23.9948 14.75 23.9946 14.75 23.9944 14.75M23.9987 15.75C23.9985 15.75 23.9984 15.75 23.9982 15.75C23.998 15.75 23.9978 15.75 23.9975 15.75" fill="#00060F"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99443 14.75C7.30543 14.7537 6.75 15.3132 6.75 16.0013C6.75 16.6902 7.30891 17.2524 8.00181 17.25C8.00121 17.25 8.0006 17.25 8 17.25V16.5L8.00362 17.25C8.00302 17.25 8.00242 17.25 8.00181 17.25C8.69119 17.249 9.25 16.6896 9.25 16C9.25 15.3087 8.68924 14.7503 7.99928 14.75M7.99685 14.75C7.99625 14.75 7.99565 14.75 7.99504 14.75C7.99484 14.75 7.99463 14.75 7.99443 14.75M7.99867 15.75C7.99852 15.75 7.99837 15.75 7.99823 15.75C7.998 15.75 7.99777 15.75 7.99754 15.75" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.6999 7.79999H5.49993C4.79993 7.79999 4.29993 8.29999 4.29993 8.99999V16.7C4.29993 17.4 4.89993 18 5.49993 18H20.5999C21.2999 18 21.8999 17.4 21.8999 16.7V8.99999C21.8999 8.29999 21.2999 7.79999 20.6999 7.79999Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.9 6H2.89998C2.39998 6 2.09998 6.4 2.09998 6.8V15.4" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13.1 14.6C12.1 14.6 11.4 13.8 11.4 12.9C11.4 11.9 12.2 11.2 13.1 11.2C14 11.2 14.8 12 14.8 12.9C14.8 13.9 14 14.6 13.1 14.6Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/notification.svg b/src/components/ImagesProvider/images/icon/notification.svg
new file mode 100644
index 00000000..8e7c6d2e
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/notification.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.1546 14.7426H17.6706V10.6748C17.6706 8.22023 16.138 6.13445 13.9946 5.29322C13.9254 4.18694 13.0035 3.29962 11.8742 3.29962C10.7449 3.29962 9.8345 4.17542 9.75384 5.29322C7.59891 6.13445 6.07778 8.22023 6.07778 10.6748V14.7426H5.59379C4.54514 14.7426 3.69238 15.5954 3.69238 16.644C3.69238 17.6927 4.54514 18.5454 5.59379 18.5454H18.1431C19.1917 18.5454 20.0445 17.6927 20.0445 16.644C20.0445 15.5954 19.1917 14.7426 18.1431 14.7426H18.1546Z" stroke="#1C1C25" stroke-linejoin="round"/>
+    <path d="M8.97021 18.5685C9.16612 19.9398 10.3531 21 11.7935 21C13.234 21 14.4094 19.9398 14.6168 18.5685H8.98174H8.97021Z" stroke="#1C1C25" stroke-linejoin="round"/>
+    <path d="M3.01257 10.8131C2.82819 7.54033 4.6835 4.35979 7.87556 3" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M20.736 10.8131C20.9204 7.54033 19.0651 4.34827 15.873 3" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/percent.svg b/src/components/ImagesProvider/images/icon/percent.svg
new file mode 100644
index 00000000..16e8db07
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/percent.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7 9.5C8.38071 9.5 9.5 8.38071 9.5 7C9.5 5.61929 8.38071 4.5 7 4.5C5.61929 4.5 4.5 5.61929 4.5 7C4.5 8.38071 5.61929 9.5 7 9.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17 19.5C18.3807 19.5 19.5 18.3807 19.5 17C19.5 15.6193 18.3807 14.5 17 14.5C15.6193 14.5 14.5 15.6193 14.5 17C14.5 18.3807 15.6193 19.5 17 19.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M17.6 5.89999L7 16.6" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/plus.svg b/src/components/ImagesProvider/images/icon/plus.svg
index 341382f2..981ac299 100644
--- a/src/components/ImagesProvider/images/icon/plus.svg
+++ b/src/components/ImagesProvider/images/icon/plus.svg
@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"/></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21 13H5" stroke="#1C1C25" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13 21V5" stroke="#1C1C25" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/plusThin.svg b/src/components/ImagesProvider/images/icon/plusThin.svg
new file mode 100644
index 00000000..e052c9e2
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/plusThin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path stroke="#1c1c25" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M20.485 12H3.515M12 20.485V3.515"/></svg>
diff --git a/src/components/ImagesProvider/images/icon/question.svg b/src/components/ImagesProvider/images/icon/question.svg
deleted file mode 100644
index 7df4b4bd..00000000
--- a/src/components/ImagesProvider/images/icon/question.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg height="64" width="64" viewBox="-28.12 -28.12 337.47 337.47" xmlns="http://www.w3.org/2000/svg" fill="#000">
-    <path d="M231.634,79.976v-0.751C231.634,30.181,192.772,0,137.32,0c-31.987,0-57.415,9.018-77.784,22.98 c-11.841,8.115-12.907,25.906-4.232,37.355l6.326,8.349c8.675,11.444,24.209,12.532,36.784,5.586 c11.46-6.331,23.083-9.758,34-9.758c18.107,0,28.294,7.919,28.294,20.75v0.375c0,16.225-15.469,39.411-59.231,43.181l-1.507,1.697 c-0.832,0.936,0.218,13.212,2.339,27.413l1.741,11.58c2.121,14.201,14.065,25.71,26.668,25.71s23.839-5.406,25.08-12.069 c1.256-6.668,2.268-12.075,2.268-12.075C199.935,160.882,231.634,127.513,231.634,79.976z"></path>
-    <path d="M118.42,217.095c-14.359,0-25.993,11.64-25.993,25.999v12.14c0,14.359,11.64,25.999,25.993,25.999 h22.322c14.359,0,25.999-11.64,25.999-25.999v-12.14c0-14.359-11.645-25.999-25.999-25.999H118.42z"></path>
-</svg>
diff --git a/src/components/ImagesProvider/images/icon/rewards.svg b/src/components/ImagesProvider/images/icon/rewards.svg
new file mode 100644
index 00000000..52ea220f
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/rewards.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.9 4.5H4.10005C3.40005 4.5 2.80005 5.1 2.80005 5.8V13.9C2.80005 14.6 3.40005 15.2 4.10005 15.2H19.9C20.6 15.2 21.2001 14.6 21.2001 13.9V5.8C21.2001 5.1 20.6 4.5 19.9 4.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.0001 11.7C11.0001 11.7 10.2001 10.9 10.2001 9.90001C10.2001 8.90001 11.0001 8.10001 12.0001 8.10001C13.0001 8.10001 13.8001 8.90001 13.8001 9.90001C13.8001 10.9 13.0001 11.7 12.0001 11.7Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M2.80005 17.3H21.2001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M2.80005 19.5H21.2001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/scrollUp.svg b/src/components/ImagesProvider/images/icon/scrollUp.svg
index 29befe2b..eb20a6c9 100644
--- a/src/components/ImagesProvider/images/icon/scrollUp.svg
+++ b/src/components/ImagesProvider/images/icon/scrollUp.svg
@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-kAkpmW hoIOao"><polyline points="14 9 9 4 4 9"/><path d="M20 20h-7a4 4 0 0 1-4-4V4"/></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5 9.50769L11.5077 3L18.0154 9.50769" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.5077 3.13846L11.5076 13.9384C11.5076 18.0923 13.8614 21 17.7383 21H19.5383" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/search.svg b/src/components/ImagesProvider/images/icon/search.svg
index 03fb26fc..8ae0e7ce 100644
--- a/src/components/ImagesProvider/images/icon/search.svg
+++ b/src/components/ImagesProvider/images/icon/search.svg
@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="7.373" cy="7.37202" r="4.70796" stroke="#E6E6E6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.3356 13.3356L10.7012 10.7012" stroke="#E6E6E6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.52 20.04C15.7778 20.04 20.04 15.7778 20.04 10.52C20.04 5.26225 15.7778 1 10.52 1C5.26225 1 1 5.26225 1 10.52C1 15.7778 5.26225 20.04 10.52 20.04Z" stroke="#1C1C25" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M22.0002 22.0002L17.2402 17.2402" stroke="#1C1C25" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/send.svg b/src/components/ImagesProvider/images/icon/send.svg
new file mode 100644
index 00000000..853320f3
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/send.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5 9.91763L11.9176 2.99999L18.8353 9.91763" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.9176 3.00001L11.9176 21" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/share.svg b/src/components/ImagesProvider/images/icon/share.svg
new file mode 100644
index 00000000..e4957ca0
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/share.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.63074 9.78774L12.2817 5L17.0694 9.78774" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.2816 5.13681V17" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4 12V20H20.7V12" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/shield.svg b/src/components/ImagesProvider/images/icon/shield.svg
new file mode 100644
index 00000000..b445e817
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/shield.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.6933 21C11.6933 21 4 18.26 4 5.96792C4 5.96792 7.99606 6.35791 11.6933 3C15.3905 6.35791 19.3866 5.96792 19.3866 5.96792C19.3866 18.26 11.6933 21 11.6933 21Z" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.6934 3V20.8987" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M4.5 10L19 10" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/storage.svg b/src/components/ImagesProvider/images/icon/storage.svg
new file mode 100644
index 00000000..d473c164
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/storage.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.7 8.6H14.3M20.2 4.5H3.8C3.1 4.5 2.5 5.1 2.5 5.8V7.3C2.5 8 3.1 8.6 3.8 8.6H3.9V18.3C3.9 19 4.5 19.6 5.2 19.6H18.8C19.5 19.6 20.1 19 20.1 18.3V8.6H20.2C20.9 8.6 21.5 8 21.5 7.3V5.8C21.5 5.1 20.9 4.5 20.2 4.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/support.svg b/src/components/ImagesProvider/images/icon/support.svg
new file mode 100644
index 00000000..be775628
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/support.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.9795 9.42172H6.26063C3.91114 9.42172 2 11.329 2 13.6824C2 16.0319 3.90729 17.943 6.26063 17.943H7.9795C8.21406 17.943 8.40248 17.7546 8.40248 17.52V9.84471C8.40248 9.61014 8.21406 9.42172 7.9795 9.42172Z" stroke="#1D1D1B" stroke-miterlimit="10"/>
+    <path d="M16.4085 17.9391H18.1273C20.4768 17.9391 22.388 16.0318 22.388 13.6785C22.388 11.329 20.4807 9.41786 18.1273 9.41786H16.4085C16.1739 9.41786 15.9855 9.60628 15.9855 9.84085L15.9855 17.5161C15.9855 17.7507 16.1739 17.9391 16.4085 17.9391Z" stroke="#1D1D1B" stroke-miterlimit="10"/>
+    <path d="M18.6657 9.4717C18.6657 5.89554 15.7663 3 12.194 3C8.62167 3 5.72229 5.89554 5.72229 9.4717" stroke="#1D1D1B" stroke-miterlimit="10"/>
+    <path d="M13.6283 20.2386H16.2047C17.5505 20.2386 18.6388 19.1466 18.6388 17.8045V17.7776" stroke="#1D1D1B" stroke-miterlimit="10"/>
+    <path d="M11.5287 19.2542H12.89C13.3721 19.2542 13.7629 19.645 13.7629 20.1271C13.7629 20.6092 13.3721 21 12.89 21H11.5287C11.0467 21 10.6558 20.6092 10.6558 20.1271C10.6558 19.645 11.0467 19.2542 11.5287 19.2542Z" stroke="#1D1D1B" stroke-miterlimit="10"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/theme.svg b/src/components/ImagesProvider/images/icon/theme.svg
index b7d2275e..148d8a63 100644
--- a/src/components/ImagesProvider/images/icon/theme.svg
+++ b/src/components/ImagesProvider/images/icon/theme.svg
@@ -1,3 +1,13 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5863 4.92233C15.8165 4.69218 16.1877 4.69316 16.4157 4.92165L16.4163 4.92233L18.7563 7.26233C19.1472 7.65318 19.6778 7.874 20.232 7.874H23.5413C23.8658 7.874 24.1287 8.13688 24.1287 8.46133V11.7707C24.1287 12.3249 24.3495 12.8555 24.7403 13.2463L27.0803 15.5863C27.3105 15.8165 27.3095 16.1877 27.081 16.4157L27.0803 16.4163L24.7403 18.7563C24.3495 19.1472 24.1287 19.6778 24.1287 20.232V23.5413C24.1287 23.8658 23.8658 24.1287 23.5413 24.1287H20.232C19.6778 24.1287 19.1472 24.3495 18.7563 24.7403L16.4163 27.0803C16.1862 27.3105 15.8149 27.3095 15.587 27.081L15.5863 27.0803L13.2491 24.7431L13.2476 24.7416C12.8538 24.3444 12.322 24.126 11.7693 24.126H8.46133C8.13688 24.126 7.874 23.8631 7.874 23.5387V20.2293C7.874 19.6751 7.65318 19.1445 7.26233 18.7537L4.92233 16.4137C4.69218 16.1835 4.69316 15.8123 4.92165 15.5843L4.92233 15.5837L7.28633 13.2197C7.66288 12.8431 7.874 12.3337 7.874 11.8013V8.46133C7.874 8.13688 8.13688 7.874 8.46133 7.874H11.7707C12.3249 7.874 12.8555 7.65318 13.2463 7.26233L15.5863 4.92233ZM17.4777 3.86235L17.4774 3.86208C16.6626 3.04551 15.3408 3.04657 14.5257 3.86167L12.1857 6.20167C12.0752 6.31216 11.9258 6.374 11.7707 6.374H8.46133C7.30845 6.374 6.374 7.30845 6.374 8.46133V11.8013C6.374 11.9356 6.32112 12.0636 6.22567 12.159L3.86235 14.5223L3.8621 14.5226C3.04551 15.3373 3.04657 16.6592 3.86167 17.4743L6.20167 19.8143C6.31216 19.9248 6.374 20.0742 6.374 20.2293V23.5387C6.374 24.6915 7.30845 25.626 8.46133 25.626H11.7693C11.9253 25.626 12.0729 25.687 12.1829 25.7982L12.1857 25.801L14.525 28.1403C15.3397 28.9572 16.6618 28.9562 17.477 28.141L19.817 25.801C19.9275 25.6905 20.0769 25.6287 20.232 25.6287H23.5413C24.6942 25.6287 25.6287 24.6942 25.6287 23.5413V20.232C25.6287 20.0769 25.6905 19.9275 25.801 19.817L28.1403 17.4777C28.9572 16.6629 28.9562 15.3409 28.141 14.5257L25.801 12.1857C25.6905 12.0752 25.6287 11.9258 25.6287 11.7707V8.46133C25.6287 7.30845 24.6942 6.374 23.5413 6.374H20.232C20.0769 6.374 19.9275 6.31216 19.817 6.20167L17.4777 3.86235ZM16.5762 16.6266C17.7594 15.4433 18.1387 13.7753 17.7699 12.2404C18.1787 12.4417 18.5619 12.711 18.9038 13.0522C20.5973 14.7461 20.6133 17.4308 18.9968 19.0473C17.3801 20.6639 14.6965 20.649 13.0015 18.9539C12.6604 18.6128 12.3914 18.2298 12.1903 17.8212C13.7241 18.1903 15.3925 17.8102 16.5762 16.6266ZM17.3155 10.4796C16.8955 10.3707 16.4964 10.5299 16.2532 10.8003C16.0052 11.0763 15.8834 11.5141 16.083 11.9378C16.6615 13.1765 16.458 14.6234 15.5155 15.5659C14.5713 16.5101 13.1231 16.7128 11.888 16.1337C11.4641 15.9337 11.026 16.0555 10.75 16.3032C10.4794 16.5459 10.3189 16.9459 10.4296 17.3673C10.681 18.329 11.1753 19.249 11.9408 20.0146C14.1951 22.2689 17.8288 22.3366 20.0575 20.1079C22.2863 17.8791 22.217 14.2441 19.9642 11.9913L19.9636 11.9907C19.1989 11.2276 18.2807 10.7316 17.3166 10.4799L17.3155 10.4796Z" fill="#00060F"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.5 21C17.1944 21 21 17.1944 21 12.5C21 7.80558 17.1944 4 12.5 4C7.80558 4 4 7.80558 4 12.5C4 17.1944 7.80558 21 12.5 21Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <mask id="mask0_74_2580" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="4" width="9" height="17">
+        <path d="M12.5 4C7.84906 4 4 7.84906 4 12.5C4 17.1509 7.84906 21 12.5 21V4Z" fill="white"/>
+    </mask>
+    <g mask="url(#mask0_74_2580)">
+        <path d="M10.7358 0.15094L-4.6604 15.5472" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M14.264 3.5188L-1.1322 19.0754" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M16.5094 5.92444L1.11316 21.3207" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M18.915 8.33014L3.5188 23.7264" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <path d="M12.5 4C7.84906 4 4 7.84906 4 12.5C4 17.1509 7.84906 21 12.5 21V4Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/token.svg b/src/components/ImagesProvider/images/icon/token.svg
new file mode 100644
index 00000000..62ec7ed8
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/token.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0808 2V22M7.25977 11.2893L12.0808 2L16.8054 11.2893M7.25977 11.2893L4 17.5702L12.0808 22L20 17.5702L16.8054 11.2893M20 17.5702L7.25977 11.2893M4 17.5702L16.8054 11.2893" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/trash.svg b/src/components/ImagesProvider/images/icon/trash.svg
new file mode 100644
index 00000000..b1876c2f
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/trash.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.74268 4.85712V20C5.74268 21.1046 6.6381 22 7.74267 22H17.457C18.5616 22 19.457 21.1046 19.457 20L19.457 4.85712" stroke="#1C1C25"/>
+    <path d="M16.0287 4.85712L16.0287 3C16.0287 2.44772 15.581 2 15.0287 2L10.1715 2C9.61925 2 9.17153 2.44772 9.17153 3.00001L9.17153 4.85712" stroke="#1C1C25"/>
+    <path d="M3 4.85715H21.8572" stroke="#1C1C25" stroke-linecap="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/undo.svg b/src/components/ImagesProvider/images/icon/undo.svg
new file mode 100644
index 00000000..82f66ba3
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/undo.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 5L5 10L10 15M5 10H16C18.7614 10 21 12.2386 21 15C21 17.7614 18.7614 20 16 20H10" stroke="#1C1C25" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/src/components/ImagesProvider/images/icon/up.svg b/src/components/ImagesProvider/images/icon/up.svg
deleted file mode 100644
index 1f0fac6b..00000000
--- a/src/components/ImagesProvider/images/icon/up.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.46967 20.5303C7.76256 20.8232 8.23744 20.8232 8.53033 20.5303L16 13.0607L23.4697 20.5303C23.7626 20.8232 24.2374 20.8232 24.5303 20.5303C24.8232 20.2374 24.8232 19.7626 24.5303 19.4697L16.5303 11.4697C16.2374 11.1768 15.7626 11.1768 15.4697 11.4697L7.46967 19.4697C7.17678 19.7626 7.17678 20.2374 7.46967 20.5303Z" fill="#00060F"/>
-</svg>
diff --git a/src/components/ImagesProvider/images/icon/upload.svg b/src/components/ImagesProvider/images/icon/upload.svg
index a1ebf442..3c9f7be7 100644
--- a/src/components/ImagesProvider/images/icon/upload.svg
+++ b/src/components/ImagesProvider/images/icon/upload.svg
@@ -1,5 +1,5 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.46967 2.27826C8.76256 1.98537 9.23744 1.98537 9.53033 2.27826L12.4835 5.23139C12.7763 5.52428 12.7763 5.99916 12.4835 6.29205C12.1906 6.58494 11.7157 6.58494 11.4228 6.29205L9 3.86925L6.57721 6.29205C6.28431 6.58494 5.80944 6.58494 5.51654 6.29205C5.22365 5.99916 5.22365 5.52428 5.51654 5.23139L8.46967 2.27826Z" fill="#4D5157"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 2.0625C9.41421 2.0625 9.75 2.39829 9.75 2.8125V10.6875C9.75 11.1017 9.41421 11.4375 9 11.4375C8.58579 11.4375 8.25 11.1017 8.25 10.6875V2.8125C8.25 2.39829 8.58579 2.0625 9 2.0625Z" fill="#4D5157"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 8.8125C2.66421 8.8125 3 9.14829 3 9.5625V14.4375H15V9.5625C15 9.14829 15.3358 8.8125 15.75 8.8125C16.1642 8.8125 16.5 9.14829 16.5 9.5625V14.625C16.5 14.9731 16.3617 15.3069 16.1156 15.5531C15.8694 15.7992 15.5356 15.9375 15.1875 15.9375H2.8125C2.4644 15.9375 2.13056 15.7992 1.88442 15.5531C1.63828 15.3069 1.5 14.9731 1.5 14.625V9.5625C1.5 9.14829 1.83579 8.8125 2.25 8.8125Z" fill="#4D5157"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.4765 16.9302H17.4255C19.4671 16.9302 21.055 15.3423 21.055 13.3007C21.055 11.2591 19.4671 9.67114 17.4255 9.67114C17.1987 9.67114 16.8584 9.67114 16.6315 9.78456C16.6315 9.55772 16.745 9.33087 16.745 8.9906C16.745 6.15503 14.4765 4 11.7544 4C9.14564 4 6.87718 6.04161 6.76376 8.65034C6.53691 8.65034 6.42349 8.65034 6.19665 8.65034C3.92819 8.65034 2 10.5785 2 12.847C2 15.1154 3.92819 17.0436 6.19665 17.0436H8.35168" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M8.91882 13.1872L11.5275 10.5785L14.1363 13.1872" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.5275 10.5785V20.9" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/icon/user.svg b/src/components/ImagesProvider/images/icon/user.svg
new file mode 100644
index 00000000..9c08b70c
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/user.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 4.5C14 4.5 15.6 6.1 15.6 8.1C15.6 10.1 14 11.7 12 11.7C10 11.7 8.40001 10.1 8.40001 8.1C8.40001 6.1 10.1 4.5 12 4.5ZM19.1 18.5C17.9 15.7 15.2 13.8 12 13.8C8.80001 13.8 6.10001 15.7 4.90001 18.5C4.70001 19 5.10001 19.5 5.60001 19.5H18.4C18.9 19.5 19.3 19 19.1 18.5Z" stroke="#1C1C25" stroke-miterlimit="10"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/users.svg b/src/components/ImagesProvider/images/icon/users.svg
new file mode 100644
index 00000000..85e61a8d
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/users.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21.9 18.5C20.8 16 18.5 14.2 15.7 13.9C16.9 14.9 17.9 16.2 18.5 17.7C18.8 18.3 18.8 19 18.6 19.6H21.2C21.7 19.5 22.1 19 21.9 18.5Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linejoin="round"/>
+    <path d="M14.9 11.7C16.9 11.7 18.5 10.1 18.5 8.1C18.5 6.1 16.9 4.5 14.9 4.5C14.6 4.5 14.3 4.5 14.1 4.6C14.8 5.6 15.3 6.8 15.3 8.1C15.3 9.4 14.9 10.6 14.1 11.6C14.3 11.6 14.6 11.7 14.9 11.7Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linejoin="round"/>
+    <path d="M9.19998 11.7C10.3 11.7 11.3 11.2 11.9 10.5C12.4 9.9 12.8 9 12.8 8.2C12.8 7.3 12.5 6.5 11.9 5.9C11.2 5 10.3 4.5 9.19998 4.5C7.19998 4.5 5.59998 6.1 5.59998 8.1C5.59998 10.1 7.19998 11.7 9.19998 11.7Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linejoin="round"/>
+    <path d="M11.8 14.3C11 14 10.1 13.8 9.09996 13.8C5.89996 13.8 3.19996 15.7 2.09996 18.5C1.89996 19 2.29996 19.5 2.79996 19.5H8.19996H15.5C16 19.5 16.4 19 16.2 18.5C15.4 16.6 13.8 15.1 11.8 14.3Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/validators.svg b/src/components/ImagesProvider/images/icon/validators.svg
new file mode 100644
index 00000000..c5db1786
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/validators.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.4 14.2H15.7C14.9 14.2 14.3 14.8 14.3 15.6V17.1M14.2 6.9V8.4C14.2 9.2 14.8 9.8 15.6 9.8H17.3M7 9.8H8.3C9.1 9.8 9.7 9.2 9.7 8.4V6.9M9.8 17.1V15.6C9.8 14.8 9.2 14.2 8.4 14.2H7M18.1 9.8C18.9 9.8 19.5 9.2 19.5 8.4V5.9C19.5 5.1 18.9 4.5 18.1 4.5H15.6C14.8 4.5 14.2 5.1 14.2 5.9V7H9.8V5.9C9.8 5.1 9.2 4.5 8.4 4.5H5.9C5.1 4.5 4.5 5.1 4.5 5.9V8.4C4.5 9.2 5.1 9.8 5.9 9.8H7.2V14.3H5.9C5.1 14.3 4.5 14.9 4.5 15.7V18.2C4.5 19 5.1 19.6 5.9 19.6H8.4C9.2 19.6 9.8 19 9.8 18.2V17H14.3V18.1C14.3 18.9 14.9 19.5 15.7 19.5H18.2C19 19.5 19.6 18.9 19.6 18.1V15.6C19.6 14.8 19 14.2 18.2 14.2H17V9.8H18.1Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/vaultDeposit.svg b/src/components/ImagesProvider/images/icon/vaultDeposit.svg
new file mode 100644
index 00000000..fa20af6a
--- /dev/null
+++ b/src/components/ImagesProvider/images/icon/vaultDeposit.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.68 19.32H18.88C19.6 19.32 20.2 18.72 20.2 18V4.32C20.2 3.6 19.6 3 18.88 3H5.32C4.6 3 4 3.6 4 4.32V18C4 18.72 4.6 19.32 5.32 19.32H6.52M6.16 19.32H17.8" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13.6 11.64C13.24 12 12.76 12.36 12.28 12.36C11.68 12.36 11.2 12.12 10.96 11.64C10.72 11.4 10.6 11.04 10.6 10.56C10.6 10.2 10.72 9.84001 10.96 9.48001C11.32 9.12001 11.8 8.76001 12.28 8.76001C12.88 8.76001 13.36 9.00001 13.6 9.48001C13.84 9.72001 13.96 10.08 13.96 10.56C13.84 11.04 13.72 11.4 13.6 11.64Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.16 9.00001V7.92001" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12.16 13.44V12.36" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M13.84 10.68H14.92" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M9.40002 10.68H10.48" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M7.71997 21V19.56" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M16.6 21V19.56" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/icon/warning.svg b/src/components/ImagesProvider/images/icon/warning.svg
index f597932b..157de185 100644
--- a/src/components/ImagesProvider/images/icon/warning.svg
+++ b/src/components/ImagesProvider/images/icon/warning.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M248.4 84.3c1.6-2.7 4.5-4.3 7.6-4.3s6 1.6 7.6 4.3L461.9 410c1.4 2.3 2.1 4.9 2.1 7.5c0 8-6.5 14.5-14.5 14.5H62.5c-8 0-14.5-6.5-14.5-14.5c0-2.7 .7-5.3 2.1-7.5L248.4 84.3zm-41-25L9.1 385c-6 9.8-9.1 21-9.1 32.5C0 452 28 480 62.5 480h387c34.5 0 62.5-28 62.5-62.5c0-11.5-3.2-22.7-9.1-32.5L304.6 59.3C294.3 42.4 275.9 32 256 32s-38.3 10.4-48.6 27.3zM288 368a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-8-184c0-13.3-10.7-24-24-24s-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24V184z"/></svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21.8401 17.1536L13.7867 4.17195C12.8251 2.60935 10.4211 2.60935 9.45945 4.17195L1.40603 17.1536C0.324226 18.8364 1.52623 21 3.56964 21H19.5563C21.5997 21 22.9219 18.8364 21.8401 17.1536Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.623 8.61935V13.5" stroke="#1C1C25" stroke-width="1.8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.6231 18.1152C12.1542 18.1152 12.5847 17.6847 12.5847 17.1536C12.5847 16.6225 12.1542 16.192 11.6231 16.192C11.092 16.192 10.6615 16.6225 10.6615 17.1536C10.6615 17.6847 11.092 18.1152 11.6231 18.1152Z" fill="#1C1C25"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/image/cancel.svg b/src/components/ImagesProvider/images/image/cancel.svg
new file mode 100644
index 00000000..6acd578f
--- /dev/null
+++ b/src/components/ImagesProvider/images/image/cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#9E9E9E" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M17.5 12h-11"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/components/ImagesProvider/images/image/error.svg b/src/components/ImagesProvider/images/image/error.svg
index 9d721445..8a5e84d6 100644
--- a/src/components/ImagesProvider/images/image/error.svg
+++ b/src/components/ImagesProvider/images/image/error.svg
@@ -1,10 +1,12 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="url(#paint0_linear_3507_38528)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7905 9.15869C21.2195 9.15869 20.7645 9.63594 20.7916 10.2063L21.6356 27.9295C21.661 28.4627 22.1007 28.8819 22.6345 28.8819H24.9538C25.4876 28.8819 25.9273 28.4627 25.9527 27.9295L26.7967 10.2063C26.8238 9.63594 26.3688 9.15869 25.7978 9.15869H21.7905ZM23.7942 31.9343C21.7193 31.9343 20.0374 33.6163 20.0374 35.6911C20.0374 37.7659 21.7193 39.4479 23.7942 39.4479C25.869 39.4479 27.551 37.7659 27.551 35.6911C27.551 33.6163 25.869 31.9343 23.7942 31.9343Z" fill="#EEEEEE"/>
-<defs>
-<linearGradient id="paint0_linear_3507_38528" x1="0.0793949" y1="-0.0795096" x2="47.9786" y2="47.8197" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F37F81"/>
-<stop offset="1" stop-color="#D5181C"/>
-</linearGradient>
-</defs>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_129_310)">
+        <circle cx="12" cy="12" r="12" fill="#D36D77"/>
+        <path d="M8.11111 8.33279L15.8893 16.111" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M15.8889 8.33279L8.11072 16.111" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_129_310">
+            <rect width="24" height="24" fill="white"/>
+        </clipPath>
+    </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/image/file.svg b/src/components/ImagesProvider/images/image/file.svg
new file mode 100644
index 00000000..a4bec77c
--- /dev/null
+++ b/src/components/ImagesProvider/images/image/file.svg
@@ -0,0 +1,23 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_964_26784)">
+<path opacity="0.5" d="M8.30664 7.52393C8.30664 4.21022 10.9929 1.52393 14.3066 1.52393H37.0759V12.2858C37.0759 15.5995 39.7622 18.2858 43.0759 18.2858H55.6912V56.4763C55.6912 59.79 53.005 62.4763 49.6912 62.4763H14.3066C10.9929 62.4763 8.30664 59.79 8.30664 56.4763V7.52393Z" fill="white"/>
+<g opacity="0.9" filter="url(#filter0_d_964_26784)">
+<path d="M37.0266 12.2858V1.52393L55.6933 18.2858H43.0266C39.7129 18.2858 37.0266 15.5995 37.0266 12.2858Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_964_26784" x="33.0266" y="-0.476074" width="26.6667" height="24.762" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0318229 0 0 0 0 0.108361 0 0 0 0 0.359844 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_964_26784"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_964_26784" result="shape"/>
+</filter>
+<clipPath id="clip0_964_26784">
+<rect width="64" height="64" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/ImagesProvider/images/image/information.svg b/src/components/ImagesProvider/images/image/information.svg
index e170b5a6..9647aaa0 100644
--- a/src/components/ImagesProvider/images/image/information.svg
+++ b/src/components/ImagesProvider/images/image/information.svg
@@ -1,10 +1,12 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="url(#paint0_linear_3507_38540)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7905 19.7247C21.2195 19.7247 20.7645 20.2019 20.7916 20.7722L21.6356 38.4954C21.661 39.0286 22.1007 39.4479 22.6345 39.4479H24.9538C25.4876 39.4479 25.9273 39.0286 25.9527 38.4954L26.7967 20.7722C26.8238 20.2019 26.3688 19.7247 25.7978 19.7247H21.7905ZM23.7942 16.6722C21.7193 16.6722 20.0374 14.9902 20.0374 12.9154C20.0374 10.8406 21.7193 9.15858 23.7942 9.15858C25.869 9.15858 27.551 10.8406 27.551 12.9154C27.551 14.9902 25.869 16.6722 23.7942 16.6722Z" fill="#EEEEEE"/>
-<defs>
-<linearGradient id="paint0_linear_3507_38540" x1="0.0793949" y1="-0.0795096" x2="47.9786" y2="47.8197" gradientUnits="userSpaceOnUse">
-<stop stop-color="#88BAEC"/>
-<stop offset="1" stop-color="#2F5FBD"/>
-</linearGradient>
-</defs>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_129_287)">
+        <circle cx="12" cy="12" r="12" fill="#53CAD3"/>
+        <path d="M12.1506 17L12.1506 11.4527" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M12.2009 7.90118C11.8141 7.90118 11.5 7.58773 11.4998 7.20099C11.4998 6.81407 11.814 6.49982 12.2009 6.49982C12.5877 6.50003 12.9011 6.8142 12.9011 7.20099C12.9009 7.5876 12.5875 7.90097 12.2009 7.90118Z" fill="white" stroke="white"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_129_287">
+            <rect width="24" height="24" fill="white"/>
+        </clipPath>
+    </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/image/party.svg b/src/components/ImagesProvider/images/image/party.svg
new file mode 100644
index 00000000..753740ca
--- /dev/null
+++ b/src/components/ImagesProvider/images/image/party.svg
@@ -0,0 +1,13 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.6554 25.0062C14.6286 24.9523 14.6286 24.8907 14.6554 24.8368L16.6786 20.5123C16.7055 20.4546 16.7554 20.4161 16.8168 20.4045C16.8782 20.3891 16.9396 20.4122 16.9857 20.4546L23.228 26.3694C23.2894 26.4272 23.3047 26.5196 23.2663 26.5966C23.2356 26.6544 23.1819 26.6929 23.1205 26.7006C23.1013 26.7006 23.0782 26.7006 23.059 26.7006L14.7936 25.1102C14.736 25.0986 14.6861 25.0601 14.6593 25.0101L14.6554 25.0062ZM11.304 41.1334L7.53404 40.4056C7.44959 40.3901 7.36129 40.4325 7.3229 40.5134L6.05218 43.2359C5.95237 43.4477 5.99844 43.6903 6.16735 43.852C6.2902 43.9675 6.4476 44.0176 6.605 43.9945C6.66643 43.9868 6.72785 43.9675 6.78927 43.9329L11.3615 41.4876C11.4345 41.4491 11.4729 41.3683 11.4614 41.2874C11.4498 41.2065 11.3884 41.1411 11.3078 41.1257L11.304 41.1334ZM18.2334 37.425L9.69541 35.7807C9.60712 35.7653 9.52266 35.8077 9.48427 35.8886L8.16364 38.7112C8.13677 38.7651 8.14061 38.8267 8.16364 38.8806C8.19052 38.9345 8.24042 38.9692 8.29801 38.9808L13.926 40.0628C13.9452 40.0667 13.9682 40.0667 13.9874 40.0628C14.0105 40.0628 14.0297 40.0513 14.0527 40.0436L18.2833 37.7832C18.3562 37.7447 18.3946 37.6638 18.3831 37.5829C18.3716 37.5021 18.3102 37.4366 18.2296 37.4212L18.2334 37.425ZM25.1628 33.7167L11.8568 31.1559C11.7723 31.1405 11.684 31.1829 11.6456 31.2638L10.325 34.0864C10.2981 34.1403 10.302 34.2019 10.325 34.2558C10.3519 34.3097 10.4018 34.3444 10.4594 34.3559L20.8593 36.3584C20.8785 36.3622 20.9015 36.3622 20.9207 36.3584C20.9437 36.3584 20.9629 36.3468 20.986 36.3391L25.2127 34.0787C25.2857 34.0402 25.3241 33.9593 25.3125 33.8785C25.301 33.7976 25.2396 33.7321 25.159 33.7167H25.1628ZM25.8231 28.8339C25.7963 28.8069 25.7617 28.7915 25.7272 28.7838L14.0181 26.5311C13.9299 26.5157 13.8454 26.5581 13.807 26.6389L12.4864 29.4616C12.4595 29.5155 12.4633 29.5771 12.4864 29.631C12.5133 29.6849 12.5632 29.7196 12.6207 29.7311L27.7849 32.65C27.8041 32.6539 27.8271 32.6539 27.8463 32.65C27.8693 32.65 27.8885 32.6385 27.9116 32.6308L28.8982 32.1032C28.9519 32.0724 28.9903 32.0185 28.998 31.9608C29.0057 31.8991 28.9827 31.8375 28.9404 31.7952L25.8155 28.8339H25.8231ZM16.3791 17.4317L19.6078 16.9927C19.8189 16.9619 19.9686 16.7694 19.9379 16.5576L19.5003 13.319C19.4849 13.2151 19.435 13.1265 19.3505 13.061C19.2699 12.9994 19.1663 12.9725 19.0626 12.984L15.834 13.423C15.7304 13.4384 15.6421 13.4885 15.5806 13.5732C15.5192 13.6541 15.4923 13.758 15.5038 13.862L15.9415 17.1005C15.9722 17.3123 16.1642 17.4625 16.3753 17.4317H16.3791ZM32.0692 18.6678C31.9694 18.6986 31.8926 18.7679 31.8466 18.8603L31.0173 20.5123C30.9214 20.7049 30.9981 20.9359 31.1901 21.0322L32.8332 21.864C32.9061 21.9025 32.9829 21.914 33.0597 21.9025C33.1825 21.8871 33.2939 21.81 33.3553 21.6945L34.1845 20.0425C34.2805 19.85 34.2037 19.6189 34.0118 19.5227L32.3648 18.6909C32.2727 18.6447 32.169 18.6331 32.0692 18.6678ZM41.7858 17.0582L38.7414 15.5178C38.6493 15.4716 38.5456 15.4639 38.4458 15.4947C38.346 15.5255 38.2692 15.5949 38.2232 15.6873L36.6876 18.741C36.6415 18.8334 36.6338 18.9374 36.6645 19.0375C36.6952 19.1376 36.7643 19.2146 36.8565 19.2608L39.9008 20.8011C39.9738 20.8396 40.0505 20.8473 40.1273 20.8396C40.2502 20.8242 40.3615 20.7472 40.4229 20.6317L41.9585 17.578C42.0046 17.4856 42.0123 17.3816 41.9816 17.2815C41.9509 17.1814 41.8818 17.1044 41.7896 17.0543L41.7858 17.0582ZM26.6716 11.9597L28.4413 12.2986C28.4836 12.3063 28.5258 12.3063 28.568 12.2986C28.6256 12.2909 28.6832 12.2678 28.7331 12.237C28.8176 12.1792 28.8752 12.0906 28.8982 11.9867L29.236 10.2076C29.2552 10.1075 29.236 10.0035 29.1746 9.91493C29.117 9.83021 29.0287 9.77245 28.9289 9.7532L27.1553 9.41047C26.948 9.37197 26.7445 9.51059 26.7023 9.71854L26.3606 11.4976C26.3414 11.5977 26.3606 11.7017 26.422 11.7903C26.4796 11.875 26.5679 11.9327 26.6677 11.952L26.6716 11.9597ZM32.4378 9.3142L33.2132 9.20638C33.4244 9.17558 33.5741 8.97918 33.5434 8.76739L33.4359 7.98953C33.4052 7.77774 33.2094 7.62755 32.9983 7.65836L32.2228 7.76618C32.0116 7.79699 31.8619 7.99338 31.8926 8.20517L32.0001 8.98304C32.0308 9.19483 32.2266 9.34501 32.4378 9.3142ZM34.0962 29.2536L32.6873 28.9841C32.4762 28.9456 32.2727 29.0804 32.2343 29.2922L31.9656 30.7054C31.9464 30.8055 31.9656 30.9095 32.027 30.9981C32.0846 31.0828 32.1729 31.1405 32.2727 31.1598L33.6816 31.4293C33.7238 31.437 33.7661 31.437 33.8083 31.4293C33.8659 31.4216 33.9235 31.3985 33.9734 31.3677C34.0578 31.31 34.1154 31.2214 34.1385 31.1174L34.4072 29.7042C34.4264 29.6041 34.4072 29.5001 34.3458 29.4115C34.2882 29.3268 34.1999 29.269 34.1001 29.2498L34.0962 29.2536ZM21.6386 21.4558C21.4582 21.9564 21.7154 22.507 22.2145 22.688C22.3642 22.7419 22.5216 22.7573 22.6713 22.7381C23.013 22.6919 23.3201 22.4608 23.4429 22.1104C26.1111 14.7015 24.4488 8.50554 18.625 4.18879C18.1988 3.87303 17.6 3.96159 17.2813 4.39288C16.9665 4.82032 17.0548 5.4249 17.4848 5.74066C22.6252 9.5491 24.0226 14.8401 21.6386 21.4596V21.4558ZM28.1074 20.2736C28.3722 20.2389 28.6179 20.0926 28.7792 19.85C31.4742 15.7643 35.7508 12.3679 40.2195 10.7698C40.7185 10.5927 40.9796 10.0382 40.7992 9.53755C40.6226 9.03695 40.0697 8.77894 39.5707 8.95608C34.7258 10.6889 30.0921 14.3665 27.1745 18.7872C26.8827 19.23 27.0017 19.8269 27.447 20.1195C27.6505 20.2543 27.8847 20.3005 28.1074 20.2697V20.2736ZM39.2559 25.1371C33.3975 22.6842 29.2322 24.2707 26.6063 25.6762C26.1379 25.9265 25.9613 26.508 26.2109 26.9778C26.4604 27.4476 27.0439 27.6248 27.5085 27.3745C29.9808 26.0498 33.4628 24.8021 38.5111 26.9162C38.6762 26.9855 38.8451 27.0048 39.0102 26.9817C39.3365 26.9355 39.6283 26.7237 39.7665 26.4002C39.9699 25.9111 39.7396 25.3451 39.2482 25.141L39.2559 25.1371Z" fill="url(#paint0_linear_234_29)"/>
+    <defs>
+        <linearGradient id="paint0_linear_234_29" x1="5.79826" y1="39.7087" x2="32.7328" y2="11.1267" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#37C35C"/>
+            <stop offset="0.11" stop-color="#40C357"/>
+            <stop offset="0.28" stop-color="#59C34B"/>
+            <stop offset="0.51" stop-color="#83C537"/>
+            <stop offset="0.77" stop-color="#BCC61C"/>
+            <stop offset="0.99" stop-color="#F3C803"/>
+        </linearGradient>
+    </defs>
+</svg>
diff --git a/src/components/ImagesProvider/images/image/progress.svg b/src/components/ImagesProvider/images/image/progress.svg
new file mode 100644
index 00000000..2b09ae39
--- /dev/null
+++ b/src/components/ImagesProvider/images/image/progress.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#c6b6eb" d="M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m7.99 10.484-1.599 1.599-1.31-1.85"/><path stroke="#fff" stroke-linecap="round" d="M6.353 12a6 6 0 1 1 1.038 3.375"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/components/ImagesProvider/images/image/success.svg b/src/components/ImagesProvider/images/image/success.svg
index 38e3bf68..9e5aecb4 100644
--- a/src/components/ImagesProvider/images/image/success.svg
+++ b/src/components/ImagesProvider/images/image/success.svg
@@ -1,10 +1,12 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" rx="24" fill="url(#paint0_linear_3507_38534)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M34.5004 12.6137C34.0427 12.2811 33.4005 12.3942 33.0839 12.863L21.1133 30.5886L14.338 23.2154C13.9484 22.7915 13.2822 22.7832 12.8823 23.1974L10.1164 26.0616C9.71642 26.4757 9.74792 27.1412 10.1852 27.5157L18.867 34.9518C18.9341 35.0627 19.0239 35.1623 19.1351 35.2432L19.6105 35.5886L20.6215 36.4544C20.7775 36.5881 20.9635 36.6655 21.1541 36.688C21.5686 36.8829 22.0752 36.7717 22.3671 36.3977L37.9653 16.4096C38.3134 15.9636 38.2224 15.3179 37.7647 14.9853L34.5004 12.6137Z" fill="#EEEEEE"/>
-<defs>
-<linearGradient id="paint0_linear_3507_38534" x1="0.0793949" y1="-0.0795096" x2="47.9786" y2="47.8197" gradientUnits="userSpaceOnUse">
-<stop stop-color="#ACD090"/>
-<stop offset="1" stop-color="#518C21"/>
-</linearGradient>
-</defs>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_129_300)">
+        <circle cx="12" cy="12" r="12" fill="#71C293"/>
+        <path d="M18 9L11.5571 15.2857" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+        <path d="M11.4 15.2857L7 10.8857" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_129_300">
+            <rect width="24" height="24" fill="white"/>
+        </clipPath>
+    </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/image/warning.svg b/src/components/ImagesProvider/images/image/warning.svg
new file mode 100644
index 00000000..2353980e
--- /dev/null
+++ b/src/components/ImagesProvider/images/image/warning.svg
@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_129_293)">
+        <circle cx="12" cy="12" r="12" fill="#F5C44B"/>
+        <path d="M18.7981 14.4009L13.4718 5.80373C12.816 4.73209 11.2566 4.73209 10.5848 5.80373L5.25856 14.4009C4.5548 15.5285 5.37053 17 6.70608 17H17.3585C18.6941 17 19.5098 15.5285 18.7981 14.4009Z" stroke="white" stroke-miterlimit="10"/>
+        <path d="M12.0325 11.5765V8.53888" stroke="white" stroke-miterlimit="10" stroke-linecap="round"/>
+        <path d="M12.0319 14.3742C12.4653 14.3742 12.8167 14.0228 12.8167 13.5894C12.8167 13.1559 12.4653 12.8046 12.0319 12.8046C11.5984 12.8046 11.2471 13.1559 11.2471 13.5894C11.2471 14.0228 11.5984 14.3742 12.0319 14.3742Z" fill="white"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_129_293">
+            <rect width="24" height="24" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/src/components/ImagesProvider/images/index.ts b/src/components/ImagesProvider/images/index.ts
index c668b917..cf36a450 100644
--- a/src/components/ImagesProvider/images/index.ts
+++ b/src/components/ImagesProvider/images/index.ts
@@ -6,6 +6,8 @@ import Obol from './token/Obol.svg'
 import SWISE from './token/swise.svg'
 import osETH from './token/osETH.svg'
 import osGNO from './token/osGNO.svg'
+import darkETH from './token/ETH-dark.svg'
+import darkGNO from './token/GNO-dark.svg'
 
 // https://raw.githubusercontent.com/api3dao/logos/refs/heads/main/raw/symbols/usdc.svg
 import WETH from './token/swap/WETH.svg'
@@ -31,26 +33,21 @@ import wxDAI from './token/swap/wxDAI.svg'
 import wstETH from './token/swap/wstETH.svg'
 import frxETH from './token/swap/frxETH.svg'
 
-import okx from './connector/okx.svg'
-import MMI from './connector/MMI.svg'
-import taho from './connector/taho.svg'
-import rabby from './connector/rabby.svg'
-import zengo from './connector/zengo.svg'
 import ledger from './connector/ledger.svg'
-import ledgerLive from './connector/ledgerLive.svg'
-import portis from './connector/portis.svg'
 import binance from './connector/binance.svg'
 import coinbase from './connector/coinbase.svg'
-import metamask from './connector/metamask.svg'
+import ledgerLive from './connector/ledgerLive.svg'
 import gnosisSafe from './connector/gnosisSafe.svg'
-import trustWallet from './connector/trustWallet.svg'
-import braveBrowser from './connector/braveBrowser.svg'
 import walletConnect from './connector/walletConnect.svg'
 import monitorAddress from './connector/monitorAddress.svg'
 
+import file from './image/file.svg'
 import error from './image/error.svg'
-import magic from './image/magic.svg'
+import party from './image/party.svg'
+import cancel from './image/cancel.svg'
 import success from './image/success.svg'
+import progress from './image/progress.svg'
+import warningImg from './image/warning.svg'
 import information from './image/information.svg'
 
 import en from './language/en.svg'
@@ -64,25 +61,68 @@ import zh from './language/zh.svg'
 import sun from './theme/sun.svg'
 import moon from './theme/moon.svg'
 
-import up from './icon/up.svg'
+import dao from './icon/dao.svg'
 import gas from './icon/gas.svg'
+import dots from './icon/dots.svg'
+import lock from './icon/lock.svg'
+import user from './icon/user.svg'
 import plus from './icon/plus.svg'
 import info from './icon/info.svg'
+import edit from './icon/edit.svg'
 import gear from './icon/gear.svg'
 import copy from './icon/copy.svg'
 import link from './icon/link.svg'
 import home from './icon/home.svg'
+import send from './icon/send.svg'
+import lamp from './icon/lamp.svg'
+import book from './icon/book.svg'
+import undo from './icon/undo.svg'
+import arrow from './icon/arrow.svg'
+import caret from './icon/caret.svg'
+import token from './icon/token.svg'
+import chats from './icon/chats.svg'
+import share from './icon/share.svg'
+import email from './icon/email.svg'
+import users from './icon/users.svg'
+import trash from './icon/trash.svg'
 import money from './icon/money.svg'
 import earth from './icon/earth.svg'
 import theme from './icon/theme.svg'
 import close from './icon/close.svg'
 import check from './icon/check.svg'
+import minus from './icon/minus.svg'
+import shield from './icon/shield.svg'
 import upload from './icon/upload.svg'
 import loader from './icon/loader.svg'
 import search from './icon/search.svg'
+import filter from './icon/filter.svg'
 import warning from './icon/warning.svg'
+import storage from './icon/storage.svg'
+import actions from './icon/actions.svg'
+import percent from './icon/percent.svg'
+import control from './icon/control.svg'
+import rewards from './icon/rewards.svg'
+import support from './icon/support.svg'
 import calendar from './icon/calendar.svg'
+import collapse from './icon/collapse.svg'
 import scrollUp from './icon/scrollUp.svg'
+import plusThin from './icon/plusThin.svg'
+import metaVault from './icon/metaVault.svg'
+import longArrow from './icon/longArrow.svg'
+import validators from './icon/validators.svg'
+import notification from './icon/notification.svg'
+import vaultDeposit from './icon/vaultDeposit.svg'
+
+import discord from './social/discord.svg'
+import twitter from './social/twitter.svg'
+import facebook from './social/facebook.svg'
+import telegram from './social/telegram.svg'
+
+import discordLine from './social/discordLine.svg'
+import twitterLine from './social/twitterLine.svg'
+import facebookLine from './social/facebookLine.svg'
+import telegramLine from './social/telegramLine.svg'
+
 import usd from './currency/usd.svg'
 import eur from './currency/eur.svg'
 import gbp from './currency/gbp.svg'
@@ -91,6 +131,8 @@ import jpy from './currency/jpy.svg'
 import krw from './currency/krw.svg'
 import aud from './currency/aud.svg'
 
+import arbitrum from './network/arbitrum.svg'
+
 
 export default {
   'token/GNO': GNO.src,
@@ -102,6 +144,9 @@ export default {
   'token/osETH': osETH.src,
   'token/osGNO': osGNO.src,
 
+  'token/ETH-dark': darkETH.src,
+  'token/GNO-dark': darkGNO.src,
+
   'token/WETH': WETH.src,
   'token/eETH': eETH.src,
   'token/ETHx': ETHx.src,
@@ -126,25 +171,21 @@ export default {
   'token/wstETH': wstETH.src,
   'token/frxETH': frxETH.src,
 
-  'connector/MMI': MMI.src,
-  'connector/okx': okx.src,
-  'connector/rabby': rabby.src,
-  'connector/taho': taho.src,
-  'connector/zengo': zengo.src,
   'connector/ledger': ledger.src,
-  'connector/ledgerLive': ledgerLive.src,
-  'connector/portis': portis.src,
   'connector/binance': binance.src,
   'connector/coinbase': coinbase.src,
-  'connector/metamask': metamask.src,
+  'connector/ledgerLive': ledgerLive.src,
   'connector/gnosisSafe': gnosisSafe.src,
-  'connector/trustWallet': trustWallet.src,
-  'connector/braveBrowser': braveBrowser.src,
   'connector/walletConnect': walletConnect.src,
   'connector/monitorAddress': monitorAddress.src,
+
+  'image/file': file.src,
   'image/error': error.src,
-  'image/magic': magic.src,
+  'image/party': party.src,
+  'image/cancel': cancel.src,
   'image/success': success.src,
+  'image/warning': warningImg.src,
+  'image/progress': progress.src,
   'image/information': information.src,
 
   'language/en': en.src,
@@ -158,28 +199,73 @@ export default {
   'theme/sun': sun.src,
   'theme/moon': moon.src,
 
-  'arrow/up': up.src,
-  'arrow/down': up.src,
-  'arrow/left': up.src,
-  'arrow/right': up.src,
+  'icon/dao': dao.src,
   'icon/gas': gas.src,
+  'icon/dots': dots.src,
+  'icon/lock': lock.src,
+  'icon/user': user.src,
   'icon/plus': plus.src,
   'icon/info': info.src,
+  'icon/edit': edit.src,
   'icon/gear': gear.src,
   'icon/link': link.src,
   'icon/copy': copy.src,
   'icon/home': home.src,
+  'icon/lamp': lamp.src,
+  'icon/book': book.src,
+  'icon/send': send.src,
+  'icon/undo': undo.src,
+  'icon/caret': caret.src,
+  'icon/token': token.src,
+  'icon/trash': trash.src,
+  'icon/chats': chats.src,
+  'icon/share': share.src,
+  'icon/email': email.src,
   'icon/money': money.src,
   'icon/earth': earth.src,
   'icon/theme': theme.src,
   'icon/close': close.src,
   'icon/check': check.src,
+  'icon/users': users.src,
+  'icon/minus': minus.src,
+  'icon/shield': shield.src,
   'icon/search': search.src,
+  'icon/filter': filter.src,
   'icon/loader': loader.src,
   'icon/upload': upload.src,
   'icon/warning': warning.src,
+  'icon/storage': storage.src,
+  'icon/actions': actions.src,
+  'icon/percent': percent.src,
+  'icon/control': control.src,
+  'icon/rewards': rewards.src,
+  'icon/support': support.src,
+  'icon/collapse': collapse.src,
   'icon/calendar': calendar.src,
   'icon/scrollUp': scrollUp.src,
+  'icon/plusThin': plusThin.src,
+  'icon/metaVault': metaVault.src,
+  'icon/validators': validators.src,
+  'icon/vaultDeposit': vaultDeposit.src,
+  'icon/notification': notification.src,
+
+  'arrow/up': arrow.src,
+  'arrow/down': arrow.src,
+  'arrow/left': arrow.src,
+  'arrow/right': arrow.src,
+  'arrowLong/up': longArrow.src,
+  'arrowLong/down': longArrow.src,
+  'arrowLong/left': longArrow.src,
+  'arrowLong/right': longArrow.src,
+
+  'social/discord': discord.src,
+  'social/twitter': twitter.src,
+  'social/facebook': facebook.src,
+  'social/telegram': telegram.src,
+  'social/discordLine': discordLine.src,
+  'social/twitterLine': twitterLine.src,
+  'social/facebookLine': facebookLine.src,
+  'social/telegramLine': telegramLine.src,
 
   'currency/usd': usd.src,
   'currency/eur': eur.src,
@@ -188,4 +274,6 @@ export default {
   'currency/jpy': jpy.src,
   'currency/krw': krw.src,
   'currency/aud': aud.src,
+
+  'network/arbitrum': arbitrum.src,
 }
diff --git a/src/components/ImagesProvider/images/language/de.svg b/src/components/ImagesProvider/images/language/de.svg
index 8e5bd844..144c4a3d 100644
--- a/src/components/ImagesProvider/images/language/de.svg
+++ b/src/components/ImagesProvider/images/language/de.svg
@@ -1,20 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#FFDA44" d="M.75 16.17a12 12 0 0 0 22.5 0L12 15.13.75 16.17Z"/>
-    <path fill="#000" d="M12 0A12 12 0 0 0 .75 7.83L12 8.87l11.25-1.04A12 12 0 0 0 12 0Z"/>
-    <path fill="#D80027" d="M.75 7.83a11.97 11.97 0 0 0 0 8.34h22.5a11.98 11.98 0 0 0 0-8.34H.75Z"/>
-    <path fill="url(#b)" d="M0 0h24v24H0z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  <mask id="mask0_13_843" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_13_843)">
+    <path d="M30.2769 1H-6.27698V8.44615H30.2769V1Z" fill="black"/>
+    <path d="M30.2769 8.27698H-6.27698V15.7231H30.2769V8.27698Z" fill="#EE1C25"/>
+    <path d="M30.2769 15.723H-6.27698V23.1692H30.2769V15.723Z" fill="#FABD00"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="0" x2="25.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/language/en.svg b/src/components/ImagesProvider/images/language/en.svg
index a14e97f4..6a3831c3 100644
--- a/src/components/ImagesProvider/images/language/en.svg
+++ b/src/components/ImagesProvider/images/language/en.svg
@@ -1,21 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#F0F0F0" d="M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z"/>
-    <path fill="#0052B4" d="M2.48 4.7A11.96 11.96 0 0 0 .41 8.86h6.25L2.48 4.69ZM23.59 8.87a11.96 11.96 0 0 0-2.07-4.18l-4.18 4.18h6.25ZM.41 15.13a11.96 11.96 0 0 0 2.07 4.18l4.18-4.18H.4ZM19.3 2.48A11.96 11.96 0 0 0 15.14.41v6.25l4.18-4.18ZM4.7 21.52c1.22.94 2.63 1.65 4.17 2.07v-6.25l-4.18 4.18ZM8.87.41a11.96 11.96 0 0 0-4.18 2.07l4.18 4.18V.4ZM15.13 23.59a11.96 11.96 0 0 0 4.18-2.07l-4.18-4.18v6.25ZM17.34 15.13l4.18 4.18a11.96 11.96 0 0 0 2.07-4.18h-6.25Z"/>
-    <path fill="#D80027" d="M23.9 10.43H13.57V.1a12.12 12.12 0 0 0-3.14 0v10.33H.1a12.12 12.12 0 0 0 0 3.14h10.33V23.9a12.12 12.12 0 0 0 3.14 0V13.57H23.9a12.12 12.12 0 0 0 0-3.14Z"/>
-    <path fill="#D80027" d="m15.13 15.13 5.36 5.36c.24-.25.48-.5.7-.78l-4.58-4.58h-1.48ZM8.87 15.13 3.5 20.49c.25.24.5.48.78.7l4.58-4.58v-1.48ZM8.87 8.87 3.51 3.51c-.24.25-.48.5-.7.78l4.58 4.58h1.48ZM15.13 8.87l5.36-5.36c-.25-.24-.5-.48-.77-.7l-4.59 4.58v1.48Z"/>
-    <path fill="url(#b)" d="M0 0h24v24H0z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="#09388C"/>
+  <mask id="mask0_176_780" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_176_780)">
+    <path d="M24.6035 8.48607L20.9906 2.56201L-0.393804 15.6035L3.21905 21.5276L24.6035 8.48607Z" fill="white"/>
+    <path d="M20.959 21.5665L24.5719 15.6425L3.18749 2.60093L-0.425362 8.52498L20.959 21.5665Z" fill="white"/>
+    <path d="M15.723 -0.353882H8.27686V24.523H15.723V-0.353882Z" fill="white"/>
+    <path d="M24.4492 15.7061V8.4292L-0.427704 8.4292V15.7061L24.4492 15.7061Z" fill="white"/>
+    <path d="M27.0089 3.95063L26.1277 2.50574L12.5457 10.7889L13.4269 12.2338L27.0089 3.95063Z" fill="#EE1C25"/>
+    <path d="M10.5652 12.2166L11.4464 10.7717L-2.13558 2.48859L-3.01676 3.93349L10.5652 12.2166Z" fill="#EE1C25"/>
+    <path d="M0.546184 17.9788L1.42737 19.4237L15.0094 11.1406L14.1282 9.69568L0.546184 17.9788Z" fill="#EE1C25"/>
+    <path d="M11.2349 10.3785L10.3538 11.8234L23.9357 20.1065L24.8169 18.6616L11.2349 10.3785Z" fill="#EE1C25"/>
+    <path d="M14.3694 -0.523071H9.96936V24.5231H14.3694V-0.523071Z" fill="#EE1C25"/>
+    <path d="M-0.506348 9.7261L-0.506348 14.1261L24.5398 14.1261V9.7261L-0.506348 9.7261Z" fill="#EE1C25"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="0" x2="25.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/language/es.svg b/src/components/ImagesProvider/images/language/es.svg
index be1f1758..128f6e36 100644
--- a/src/components/ImagesProvider/images/language/es.svg
+++ b/src/components/ImagesProvider/images/language/es.svg
@@ -1,25 +1,349 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#FFDA44" d="M0 12c0 1.47.26 2.87.75 4.17L12 17.22l11.25-1.05a11.97 11.97 0 0 0 0-8.34L12 6.78.75 7.83C.26 9.13 0 10.53 0 12Z"/>
-    <path fill="#FFEDB1" fill-rule="evenodd" d="M5.5 11.92h1v.5h-1v-.5Z" clip-rule="evenodd"/>
-    <path stroke="#A41517" stroke-width=".5" d="M4.54 11.94a.25.25 0 0 1 .25-.27h1.42c.14 0 .26.12.25.27l-.13 1.54a.75.75 0 0 1-.75.69h-.16a.75.75 0 0 1-.75-.7l-.13-1.53Z"/>
-    <path fill="#A41517" fill-rule="evenodd" d="M4.5 12.42h2v.5H6l-.5 1-.5-1h-.5v-.5Z" clip-rule="evenodd"/>
-    <rect width="1" height="3.5" x="3" y="10.92" fill="#A41517" rx=".5"/>
-    <rect width="1" height="3.5" x="7" y="10.92" fill="#A41517" rx=".5"/>
-    <path fill="#A41517" fill-rule="evenodd" d="M4.5 10.72c0-.44.36-.8.8-.8h.4c.44 0 .8.36.8.8a.2.2 0 0 1-.2.2H4.7a.2.2 0 0 1-.2-.2Z" clip-rule="evenodd"/>
-    <path fill="#D80027" d="M23.25 7.83a12 12 0 0 0-22.5 0h22.5ZM.75 16.17a12 12 0 0 0 22.5 0H.75Z"/>
-    <path fill="url(#b)" d="M1 0h24v24H1z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  <mask id="mask0_13_26" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_13_26)">
+    <path d="M29.7693 1H-3.23071V23H29.7693V1Z" fill="#EE1C25"/>
+    <path d="M29.7693 6.58472H-3.23071V17.5847H29.7693V6.58472Z" fill="#FABD00"/>
+    <path d="M7.72914 10.8051C7.26893 10.8051 6.84412 10.73 6.49011 10.6548C6.80872 10.5797 7.23353 10.5045 7.72914 10.5045C8.18936 10.5045 8.61417 10.5797 8.96818 10.6548C8.61417 10.7676 8.18936 10.8051 7.72914 10.8051Z" fill="#B50027"/>
+    <path d="M7.71269 8.85132C7.98847 8.85132 8.26425 8.88891 8.40215 8.96406C8.50556 9.00164 8.60898 9.03921 8.74688 9.07678C8.85029 9.07678 8.95371 9.07678 9.02266 9.07678C9.12607 9.07678 9.29843 9.11435 9.4708 9.18951C9.60869 9.26466 9.71211 9.3398 9.81553 9.41495L9.74658 9.4901L9.71211 9.67798L9.53975 9.90345L9.43634 9.97858L9.22948 10.1665H9.12607L9.09161 10.2792L7.6782 10.0913L6.26482 10.2792L6.23035 10.1665H6.12692L5.92009 9.97858L5.81667 9.90345L5.64431 9.67798L5.60982 9.4901L5.54089 9.41495C5.60984 9.3398 5.74773 9.26466 5.88562 9.18951C6.05799 9.11435 6.23035 9.07678 6.33377 9.07678C6.43719 9.07678 6.50613 9.07678 6.60955 9.07678C6.74744 9.03921 6.88533 9.03921 6.95428 8.96406C7.19559 8.92649 7.40243 8.85132 7.71269 8.85132Z" fill="#B50027"/>
+    <path d="M8.7125 9.33977L8.60909 9.18946C8.71251 9.11431 8.78145 9.00159 8.78145 8.88887V8.85128C8.78145 8.6634 8.54014 8.47552 8.26436 8.47552C8.12647 8.47552 7.98858 8.51312 7.88516 8.58827C7.88516 8.55069 7.88516 8.51311 7.88516 8.51311C7.98858 8.43796 8.12647 8.40039 8.26436 8.40039C8.60909 8.40039 8.8504 8.58825 8.8504 8.85128V8.88887C8.8504 9.00159 8.78145 9.15188 8.7125 9.22703L8.74699 9.30219L8.7125 9.33977ZM6.71307 9.33977L6.81649 9.18946C6.71307 9.11431 6.64412 9.00159 6.64412 8.88887V8.85128C6.64412 8.6634 6.88544 8.47552 7.16122 8.47552C7.29911 8.47552 7.43702 8.51312 7.54043 8.58827C7.54043 8.55069 7.54043 8.51311 7.54043 8.51311C7.43702 8.43796 7.29911 8.40039 7.16122 8.40039C6.81649 8.40039 6.5752 8.58825 6.5752 8.85128V8.88887C6.5752 9.00159 6.64413 9.15188 6.71307 9.22703L6.67861 9.30219L6.71307 9.33977Z" fill="#9F7E00"/>
+    <path d="M8.95384 8.92629C8.95384 8.77599 8.85042 8.62569 8.71252 8.55054C8.81594 8.62569 8.85042 8.73841 8.85042 8.85114V8.88872C8.85042 9.00145 8.78147 9.15174 8.71252 9.22689L8.74701 9.30204C8.8849 9.18932 8.95384 9.07659 8.95384 8.92629Z" fill="#9F7E00"/>
+    <path d="M5.67873 9.45246C5.60979 9.3773 5.57532 9.26458 5.57532 9.15186C5.57532 9.07671 5.57531 9.03913 5.60978 8.96398C5.7132 8.7761 5.989 8.62579 6.33373 8.62579C6.43715 8.62579 6.50609 8.62578 6.60951 8.66336C6.57503 8.70093 6.57504 8.70094 6.57504 8.73851C6.5061 8.73851 6.43714 8.70095 6.36819 8.70095C6.05793 8.70095 5.78216 8.81367 5.71322 9.00155C5.67874 9.03912 5.67873 9.11428 5.67873 9.15186C5.67873 9.26458 5.7132 9.33972 5.78215 9.41487L5.67873 9.60274L5.60978 9.56518L5.67873 9.45246ZM7.71265 8.3252C7.78159 8.3252 7.85054 8.36277 7.88501 8.43792C7.88501 8.51307 7.885 8.58821 7.91948 8.66336C7.91948 8.66336 7.91948 8.66337 7.91948 8.70095V8.73851C7.91948 8.88882 7.95395 9.03913 7.98843 9.15186L7.74711 9.3773L7.5058 9.15186C7.54027 9.07671 7.57475 8.92639 7.57475 8.73851V8.70095C7.57475 8.70095 7.57475 8.70093 7.57475 8.66336C7.57475 8.58821 7.57476 8.51307 7.60923 8.43792C7.57476 8.40034 7.6437 8.3252 7.71265 8.3252Z" fill="#9F7E00"/>
+    <path d="M7.71262 10.4293C7.19552 10.4293 6.71291 10.5045 6.40265 10.6172C6.36818 10.6172 6.36816 10.6548 6.36816 10.6548C6.36816 10.6924 6.36818 10.6923 6.40265 10.7299C6.74738 10.8426 7.19552 10.9178 7.71262 10.9178C8.22971 10.9178 8.71233 10.8426 9.02259 10.7299C9.05706 10.7299 9.05705 10.6924 9.05705 10.6548C9.05705 10.6172 9.05706 10.6172 9.02259 10.6172C8.71233 10.5045 8.22971 10.4293 7.71262 10.4293ZM7.71262 10.5045C8.19524 10.5045 8.60891 10.5796 8.95364 10.6548C8.64338 10.7299 8.19524 10.8051 7.71262 10.8051C7.23 10.8051 6.81632 10.7299 6.50606 10.6548C6.81632 10.5796 7.26447 10.5045 7.71262 10.5045Z" fill="#9F7E00"/>
+    <path d="M7.71276 10.4294C7.19567 10.4294 6.71304 10.5046 6.36831 10.6173C6.40278 10.6173 6.40278 10.5797 6.36831 10.467C6.33383 10.3543 6.26489 10.3543 6.26489 10.3543C6.6441 10.2415 7.16119 10.1664 7.71276 10.1664C8.2988 10.1664 8.8159 10.2415 9.16063 10.3543C9.16063 10.3543 9.09167 10.3543 9.05719 10.467C9.02272 10.5797 9.02272 10.6173 9.05719 10.6173C8.74694 10.5046 8.26433 10.4294 7.71276 10.4294Z" fill="#9F7E00"/>
+    <path d="M7.71274 10.1663C7.1267 10.1663 6.6096 10.2415 6.26487 10.3542C6.2304 10.3542 6.2304 10.3542 6.19592 10.3166C6.19592 10.279 6.19594 10.279 6.23041 10.2415C6.60961 10.1287 7.1267 10.0536 7.71274 10.0536C8.29878 10.0536 8.81587 10.1287 9.19508 10.2415C9.22955 10.2415 9.22954 10.279 9.22954 10.3166C9.22954 10.3542 9.19508 10.3542 9.16061 10.3542C8.81588 10.2415 8.29878 10.1663 7.71274 10.1663Z" fill="#9F7E00"/>
+    <path d="M7.29907 10.2792C7.29907 10.2416 7.33354 10.2416 7.33354 10.2416C7.36801 10.2416 7.36802 10.2792 7.36802 10.2792C7.36802 10.3167 7.33354 10.3167 7.33354 10.3167C7.33354 10.3543 7.29907 10.3167 7.29907 10.2792Z" fill="white"/>
+    <path d="M7.71265 10.3167H7.57475C7.54027 10.3167 7.54028 10.2792 7.54028 10.2792C7.54028 10.2416 7.57475 10.2416 7.57475 10.2416H7.85053C7.885 10.2416 7.88501 10.2792 7.88501 10.2792C7.88501 10.3167 7.85053 10.3167 7.85053 10.3167H7.71265Z" fill="#B50027"/>
+    <path d="M7.02332 10.3543H6.9199C6.88543 10.3543 6.88543 10.3543 6.85095 10.3167C6.85095 10.2792 6.85094 10.2792 6.88542 10.2792H6.98883H7.09227C7.12674 10.2792 7.12672 10.2792 7.1612 10.3167C7.1612 10.3543 7.1612 10.3543 7.12673 10.3543H7.02332Z" fill="#006F46"/>
+    <path d="M6.6095 10.3917C6.6095 10.3541 6.64396 10.3541 6.64396 10.3541C6.67843 10.3541 6.67845 10.3917 6.67845 10.3917C6.67845 10.4293 6.64396 10.4293 6.64396 10.4293L6.6095 10.3917Z" fill="white"/>
+    <path d="M6.29944 10.4669L6.33392 10.3917L6.4718 10.4293L6.36839 10.5044L6.29944 10.4669Z" fill="#B50027"/>
+    <path d="M8.43659 10.3543H8.54C8.57447 10.3543 8.57448 10.3543 8.60895 10.3167C8.60895 10.2792 8.60896 10.2792 8.57449 10.2792H8.47107H8.36764C8.33316 10.2792 8.33318 10.2792 8.29871 10.3167C8.29871 10.3543 8.2987 10.3543 8.33317 10.3543H8.43659Z" fill="#006F46"/>
+    <path d="M8.02295 10.2792C8.02295 10.2416 8.05743 10.2416 8.05743 10.2416C8.09191 10.2416 8.0919 10.2792 8.0919 10.2792C8.0919 10.3167 8.05743 10.3167 8.05743 10.3167C8.05743 10.3543 8.02295 10.3167 8.02295 10.2792ZM8.74689 10.3919C8.74689 10.3543 8.78136 10.3543 8.78136 10.3543C8.81583 10.3543 8.81584 10.3919 8.81584 10.3919C8.81584 10.4295 8.78136 10.4295 8.78136 10.4295L8.74689 10.3919Z" fill="white"/>
+    <path d="M9.16059 10.4669L9.09164 10.3917L8.95374 10.4293L9.05715 10.5044L9.16059 10.4669Z" fill="#B50027"/>
+    <path d="M7.71249 8.40039C7.74696 8.40039 7.78144 8.43795 7.78144 8.47552C7.78144 8.55067 7.78144 8.58825 7.78144 8.6634C7.78144 8.6634 7.78144 8.66341 7.78144 8.70099C7.78144 8.70099 7.78144 8.70098 7.78144 8.73855C7.78144 8.88886 7.81589 9.03916 7.85036 9.11431L7.71249 9.26462L7.57458 9.11431C7.60906 9.03916 7.60907 8.88886 7.60907 8.73855C7.60907 8.73855 7.60907 8.73856 7.60907 8.70099C7.60907 8.70099 7.60907 8.70098 7.60907 8.6634C7.60907 8.58825 7.60907 8.5131 7.60907 8.47552C7.64354 8.43795 7.67801 8.40039 7.71249 8.40039Z" fill="#9F7E00"/>
+    <path d="M7.62305 9.15182C7.62305 9.11424 7.65843 9.07666 7.69383 9.07666C7.72923 9.07666 7.76464 9.11424 7.76464 9.15182C7.76464 9.18939 7.72923 9.22695 7.69383 9.22695C7.65843 9.22695 7.62305 9.18939 7.62305 9.15182Z" fill="white"/>
+    <path d="M7.64368 9.00141C7.64368 8.96383 7.67815 8.92625 7.71263 8.92625C7.7471 8.92625 7.78158 8.96383 7.78158 9.00141C7.78158 9.03898 7.7471 9.07656 7.71263 9.07656C7.67815 9.07656 7.64368 9.03898 7.64368 9.00141ZM7.64368 8.81353C7.64368 8.77595 7.67815 8.73837 7.71263 8.73837C7.7471 8.73837 7.78158 8.77595 7.78158 8.81353C7.78158 8.8511 7.7471 8.88868 7.71263 8.88868C7.67815 8.88868 7.64368 8.8511 7.64368 8.81353ZM7.67814 8.66322C7.67814 8.62564 7.71263 8.62565 7.71263 8.62565C7.7471 8.62565 7.74709 8.66322 7.74709 8.66322C7.74709 8.70079 7.71263 8.70081 7.71263 8.70081C7.67815 8.70081 7.67814 8.70079 7.67814 8.66322ZM7.67814 8.51293C7.67814 8.47536 7.67815 8.47534 7.71263 8.47534C7.7471 8.47534 7.74709 8.47536 7.74709 8.51293C7.74709 8.55051 7.7471 8.5505 7.71263 8.5505C7.71263 8.5505 7.67814 8.55051 7.67814 8.51293Z" fill="white"/>
+    <path d="M7.71272 9.67786H7.78167C7.78167 9.71543 7.78167 9.71544 7.78167 9.75301C7.78167 9.86574 7.88508 9.97845 7.9885 9.97845C8.09192 9.97845 8.16086 9.90332 8.19533 9.82817L8.22982 9.75301V9.82817C8.22982 9.94089 8.33323 10.016 8.43665 10.016C8.54007 10.016 8.6435 9.9033 8.6435 9.79058C8.6435 9.79058 8.6435 9.79059 8.6435 9.75301L8.71243 9.67786L8.74691 9.75301C8.74691 9.79059 8.71243 9.82816 8.71243 9.86573C8.71243 9.97846 8.81586 10.0536 8.91928 10.0536C8.98822 10.0536 9.05717 10.016 9.09164 9.97845L9.12611 9.90332V9.97845C9.12611 10.0536 9.16058 10.1288 9.22952 10.1288C9.22952 10.1288 9.29847 10.1288 9.40189 10.0536C9.50531 9.97846 9.53979 9.90332 9.53979 9.90332V9.97845C9.53979 9.97845 9.47084 10.1288 9.36742 10.1663C9.33295 10.2039 9.22953 10.2415 9.19506 10.2039C9.12611 10.2039 9.09163 10.1288 9.05716 10.0912C9.02268 10.1288 8.95375 10.1288 8.91928 10.1288C8.81586 10.1288 8.67797 10.0536 8.6435 9.94089C8.57455 10.016 8.50559 10.0536 8.43665 10.0536C8.33323 10.0536 8.26428 10.016 8.19533 9.94089C8.12639 9.97846 8.05745 10.016 7.9885 10.016C7.88508 10.016 7.78166 9.94088 7.74719 9.86573C7.67824 9.94088 7.60929 10.016 7.50587 10.016C7.43693 10.016 7.36799 9.97846 7.29904 9.94089C7.2301 10.016 7.16115 10.0536 7.05773 10.0536C6.95431 10.0536 6.88537 10.016 6.8509 9.94089C6.81643 10.0536 6.71301 10.1288 6.57512 10.1288C6.50617 10.1288 6.47169 10.1288 6.43722 10.0912C6.40275 10.1663 6.36827 10.2039 6.29932 10.2039C6.23037 10.2039 6.16143 10.1663 6.12695 10.1663C6.02354 10.1288 5.95459 9.97845 5.95459 9.97845V9.90332C5.95459 9.90332 6.02354 9.97846 6.09249 10.0536C6.19591 10.1288 6.26486 10.1288 6.26486 10.1288C6.3338 10.1288 6.36827 10.0536 6.36827 9.97845V9.90332L6.40276 9.97845C6.43723 10.016 6.50617 10.0536 6.57512 10.0536C6.67854 10.0536 6.78195 9.97846 6.78195 9.86573C6.78195 9.82816 6.78196 9.79059 6.74749 9.75301L6.78195 9.67786L6.8509 9.75301C6.8509 9.75301 6.8509 9.753 6.8509 9.79058C6.8509 9.9033 6.95431 10.016 7.05773 10.016C7.16115 10.016 7.26458 9.94089 7.26458 9.82817V9.75301L7.29904 9.82817C7.33352 9.90332 7.40245 9.97845 7.50587 9.97845C7.60929 9.97845 7.71272 9.86574 7.71272 9.75301C7.71272 9.71544 7.71272 9.71543 7.71272 9.67786Z" fill="#9F7E00"/>
+    <path d="M9.16047 9.94089C9.16047 9.90331 9.16046 9.86573 9.12598 9.86573C9.09151 9.86573 9.05703 9.86575 9.05703 9.90332C9.05703 9.9409 9.05704 9.97845 9.09152 9.97845C9.12599 10.016 9.16047 9.97846 9.16047 9.94089ZM8.26416 9.75301C8.26416 9.71544 8.26417 9.67786 8.22969 9.67786C8.19522 9.67786 8.16074 9.71544 8.16074 9.75301C8.16074 9.79059 8.16073 9.82817 8.19521 9.82817C8.22968 9.82817 8.26416 9.79059 8.26416 9.75301ZM7.1955 9.75301C7.1955 9.71544 7.1955 9.67786 7.22997 9.67786C7.26444 9.67786 7.29892 9.71544 7.29892 9.75301C7.29892 9.79059 7.29893 9.82817 7.26445 9.82817C7.22998 9.82817 7.1955 9.79059 7.1955 9.75301ZM6.29919 9.94089C6.29919 9.90331 6.29921 9.86573 6.33368 9.86573C6.36815 9.86573 6.40263 9.86575 6.40263 9.90332C6.40263 9.9409 6.40262 9.97845 6.36814 9.97845C6.33367 10.016 6.29919 9.97846 6.29919 9.94089Z" fill="white"/>
+    <path d="M6.71289 9.75291L6.67843 9.71534C6.67843 9.67777 6.67843 9.67776 6.67843 9.64019C6.67843 9.64019 6.64395 9.6026 6.60948 9.6026C6.57501 9.6026 6.54054 9.6026 6.50606 9.6026H6.47158C6.47158 9.6026 6.47158 9.60261 6.47158 9.64019C6.47158 9.67776 6.50606 9.67775 6.50606 9.67775C6.43712 9.67775 6.40264 9.71532 6.36816 9.79047C6.40264 9.82805 6.47159 9.82806 6.50606 9.82806C6.50606 9.82806 6.50606 9.82805 6.50606 9.86563C6.50606 9.90321 6.50606 9.90322 6.50606 9.90322H6.54053C6.54053 9.90322 6.60947 9.86563 6.64394 9.86563C6.67842 9.79048 6.71289 9.75291 6.71289 9.75291ZM6.81631 9.75291C6.81631 9.75291 6.81631 9.71533 6.81631 9.67775C6.81631 9.64018 6.81632 9.64019 6.78184 9.64019C6.78184 9.64019 6.81632 9.60261 6.85079 9.56503C6.88527 9.52746 6.91974 9.52747 6.95421 9.52747H6.98867C6.98867 9.52747 6.98867 9.52746 6.98867 9.56503C6.98867 9.60261 6.98867 9.6026 6.98867 9.6026C7.05762 9.6026 7.0921 9.60261 7.12657 9.64019C7.0921 9.67776 7.05762 9.71533 6.98867 9.75291C6.98867 9.75291 6.98869 9.7529 7.02316 9.79047V9.82806H6.98867C6.98867 9.82806 6.91973 9.82806 6.88526 9.82806C6.85079 9.75291 6.81631 9.75291 6.81631 9.75291Z" fill="#9F7E00"/>
+    <path d="M6.78178 9.41469C6.85073 9.37712 6.85073 9.37713 6.85073 9.37713C6.85073 9.37713 6.85073 9.41471 6.85073 9.45228C6.85073 9.45228 6.85073 9.52743 6.85073 9.565C6.85073 9.60258 6.81625 9.64016 6.81625 9.64016C6.78177 9.64016 6.78179 9.60257 6.74732 9.60257C6.71284 9.60257 6.71284 9.64016 6.67837 9.64016C6.67837 9.64016 6.64388 9.60258 6.64388 9.565C6.60941 9.52743 6.60942 9.48986 6.60942 9.45228L6.57495 9.41469H6.60942C6.64389 9.41469 6.64388 9.41469 6.64388 9.41469C6.64388 9.33954 6.64389 9.30198 6.67837 9.2644C6.71284 9.30198 6.74731 9.37712 6.78178 9.41469Z" fill="#9F7E00"/>
+    <path d="M6.64404 9.67778C6.64404 9.64021 6.67853 9.56506 6.74748 9.56506C6.78195 9.56506 6.85089 9.60263 6.85089 9.67778C6.85089 9.71536 6.81642 9.79051 6.74748 9.79051C6.71301 9.79051 6.64404 9.75294 6.64404 9.67778Z" fill="#B50027"/>
+    <path d="M7.81614 9.30189C7.81614 9.30189 7.81614 9.3019 7.85061 9.26432C7.88508 9.26432 7.91956 9.26432 7.91956 9.26432C7.91956 9.26432 7.91957 9.3019 7.88509 9.33948C7.88509 9.33948 7.88508 9.41463 7.85061 9.4522C7.81614 9.48978 7.81614 9.52736 7.81614 9.52736C7.81614 9.48978 7.78167 9.48977 7.74719 9.48977C7.71272 9.48977 7.67824 9.48978 7.67824 9.52736C7.67824 9.52736 7.64378 9.48978 7.64378 9.4522C7.60931 9.41463 7.60931 9.33948 7.60931 9.33948L7.57483 9.26432C7.57483 9.26432 7.60931 9.26432 7.64378 9.26432C7.67825 9.26432 7.67824 9.30189 7.67824 9.30189C7.67824 9.22674 7.71272 9.15159 7.74719 9.11401C7.78167 9.18916 7.81614 9.22674 7.81614 9.30189Z" fill="#9F7E00"/>
+    <path d="M7.64378 9.67772C7.64378 9.67772 7.60932 9.64014 7.60932 9.60257C7.60932 9.56499 7.60931 9.56501 7.64378 9.52744C7.64378 9.52744 7.60931 9.48985 7.57483 9.48985C7.54036 9.48985 7.47142 9.45228 7.47142 9.45228C7.43694 9.45228 7.40247 9.45228 7.40247 9.45228C7.40247 9.45228 7.40247 9.45227 7.40247 9.48985C7.40247 9.52742 7.40247 9.52744 7.40247 9.52744C7.33352 9.52744 7.26458 9.56499 7.2301 9.60257C7.26458 9.64014 7.33352 9.67772 7.40247 9.67772C7.40247 9.67772 7.40247 9.67774 7.40247 9.71531C7.40247 9.75289 7.40247 9.75288 7.40247 9.75288C7.40247 9.75288 7.43694 9.75288 7.47142 9.75288C7.50589 9.75288 7.54036 9.75289 7.57483 9.71531C7.60931 9.67774 7.64378 9.67772 7.64378 9.67772ZM7.78168 9.67772C7.78168 9.67772 7.81615 9.64014 7.81615 9.60257C7.81615 9.56499 7.81616 9.56501 7.78168 9.52744C7.78168 9.52744 7.81614 9.48985 7.85061 9.48985C7.88508 9.48985 7.95405 9.45228 7.95405 9.45228C7.98852 9.45228 8.02298 9.45228 8.02298 9.45228C8.02298 9.45228 8.02298 9.45227 8.02298 9.48985C8.02298 9.52742 8.02298 9.52744 8.02298 9.52744C8.09192 9.52744 8.16087 9.56499 8.19534 9.60257C8.16087 9.64014 8.09192 9.67772 8.02298 9.67772C8.02298 9.67772 8.02298 9.67774 8.02298 9.71531C8.02298 9.75289 8.02298 9.75288 8.02298 9.75288C8.02298 9.75288 7.98852 9.75288 7.95405 9.75288C7.91957 9.75288 7.88508 9.75289 7.85061 9.71531C7.81614 9.67774 7.78168 9.67772 7.78168 9.67772ZM8.67797 9.41469C8.60903 9.37712 8.60902 9.37713 8.60902 9.37713C8.60902 9.37713 8.60902 9.41471 8.60902 9.45228C8.60902 9.45228 8.60902 9.52743 8.60902 9.565C8.60902 9.60258 8.64351 9.64016 8.64351 9.64016C8.67798 9.64016 8.67796 9.60257 8.71244 9.60257C8.74691 9.60257 8.74691 9.64016 8.78139 9.64016C8.78139 9.64016 8.81587 9.60258 8.81587 9.565C8.85034 9.52743 8.85034 9.48986 8.85034 9.45228L8.8848 9.41469H8.85034C8.81586 9.41469 8.81587 9.41469 8.81587 9.41469C8.81587 9.33954 8.81586 9.30198 8.78139 9.2644C8.71244 9.30198 8.67797 9.37712 8.67797 9.41469Z" fill="#9F7E00"/>
+    <path d="M8.74693 9.75291L8.7814 9.71534C8.7814 9.67777 8.7814 9.67776 8.7814 9.64019C8.7814 9.64019 8.81587 9.6026 8.85035 9.6026C8.88482 9.6026 8.91929 9.6026 8.95376 9.6026H8.98825C8.98825 9.6026 8.98825 9.60261 8.98825 9.64019C8.98825 9.67776 8.95376 9.67775 8.95376 9.67775C9.02271 9.67775 9.05719 9.71532 9.09166 9.79047C9.05719 9.82805 8.98823 9.82806 8.95376 9.82806C8.95376 9.82806 8.95376 9.82805 8.95376 9.86563C8.95376 9.90321 8.95376 9.90322 8.95376 9.90322H8.9193C8.9193 9.90322 8.85035 9.86563 8.81588 9.86563C8.78141 9.79048 8.74693 9.75291 8.74693 9.75291ZM8.64352 9.75291C8.64352 9.75291 8.64352 9.71533 8.64352 9.67775C8.64352 9.64018 8.64351 9.64019 8.67798 9.64019C8.67798 9.64019 8.6435 9.60261 8.60903 9.56503C8.57456 9.52746 8.54009 9.52747 8.50562 9.52747H8.47115C8.47115 9.52747 8.47115 9.52746 8.47115 9.56503C8.47115 9.60261 8.47115 9.6026 8.47115 9.6026C8.40221 9.6026 8.36772 9.60261 8.33325 9.64019C8.36772 9.67776 8.40221 9.71533 8.47115 9.75291C8.47115 9.75291 8.47114 9.7529 8.43667 9.79047V9.82806H8.47115C8.47115 9.82806 8.54009 9.82806 8.57457 9.82806C8.57457 9.75291 8.64352 9.75291 8.64352 9.75291Z" fill="#9F7E00"/>
+    <path d="M8.60901 9.67778C8.60901 9.64021 8.64348 9.56506 8.71242 9.56506C8.7469 9.56506 8.81586 9.60263 8.81586 9.67778C8.81586 9.71536 8.78137 9.79051 8.71242 9.79051C8.64348 9.79051 8.60901 9.75294 8.60901 9.67778ZM9.6432 9.90325C9.60872 9.86568 9.57426 9.86568 9.53978 9.90325C9.50531 9.94083 9.50532 9.9784 9.50532 10.016C9.53979 10.0535 9.57426 10.0535 9.60873 10.016C9.64321 9.9784 9.6432 9.94083 9.6432 9.90325Z" fill="#B50027"/>
+    <path d="M9.50524 9.97842C9.50524 9.97842 9.50524 9.94086 9.53971 9.94086C9.57418 9.90328 9.60865 9.90328 9.64312 9.94086C9.64312 9.94086 9.67759 9.82814 9.74654 9.82814C9.81548 9.79056 9.88444 9.79055 9.88444 9.79055C9.88444 9.7154 9.81548 9.64026 9.74654 9.64026C9.71207 9.64026 9.6776 9.67782 9.64312 9.67782V9.64026C9.64312 9.64026 9.57417 9.64026 9.57417 9.71541C9.5397 9.79056 9.57417 9.90329 9.57417 9.90329C9.57417 9.90329 9.57418 9.86571 9.53971 9.82814C9.50524 9.79056 9.47077 9.75298 9.43629 9.75298C9.40182 9.75298 9.36734 9.71541 9.36734 9.71541C9.36734 9.71541 9.36734 9.7154 9.36734 9.75298C9.36734 9.79056 9.36734 9.79055 9.36734 9.79055C9.2984 9.79055 9.26393 9.79056 9.19498 9.82814C9.22945 9.86571 9.26392 9.90328 9.29839 9.94086C9.29839 9.94086 9.26393 9.94085 9.26393 9.97842L9.22944 10.016C9.22944 10.016 9.26392 10.016 9.29839 10.016C9.33287 10.016 9.36734 10.016 9.40181 10.016C9.47075 9.97844 9.50524 9.97842 9.50524 9.97842ZM5.95451 9.97842C5.95451 9.97842 5.95452 9.94086 5.92005 9.94086C5.88557 9.90328 5.85111 9.90328 5.81663 9.94086C5.81663 9.94086 5.78216 9.82814 5.71322 9.82814C5.64427 9.79056 5.57532 9.79055 5.57532 9.79055C5.57532 9.7154 5.64427 9.64026 5.71322 9.64026C5.74769 9.64026 5.78216 9.67782 5.81663 9.67782V9.64026C5.81663 9.64026 5.88558 9.64026 5.88558 9.71541C5.92006 9.79056 5.88558 9.90329 5.88558 9.90329C5.88558 9.90329 5.88557 9.86571 5.92005 9.82814C5.95452 9.79056 5.98899 9.75298 6.02346 9.75298C6.05793 9.75298 6.09241 9.71541 6.09241 9.71541C6.09241 9.71541 6.09241 9.7154 6.09241 9.75298C6.09241 9.79056 6.09241 9.79055 6.09241 9.79055C6.16136 9.79055 6.19583 9.79056 6.26478 9.82814C6.2303 9.86571 6.19584 9.90328 6.16136 9.94086C6.16136 9.94086 6.19583 9.94085 6.19583 9.97842L6.23031 10.016C6.23031 10.016 6.19584 10.016 6.16136 10.016C6.12689 10.016 6.09242 10.016 6.05795 10.016C5.989 9.97844 5.95451 9.97842 5.95451 9.97842Z" fill="#9F7E00"/>
+    <path d="M5.81671 9.90321C5.85119 9.86564 5.88566 9.86564 5.92013 9.90321C5.9546 9.94079 5.95459 9.97836 5.95459 10.0159C5.92012 10.0535 5.88565 10.0535 5.85118 10.0159C5.78223 9.97836 5.78224 9.94079 5.81671 9.90321ZM7.64378 9.60259C7.64378 9.56501 7.67825 9.48987 7.74719 9.48987C7.78167 9.48987 7.85061 9.52744 7.85061 9.60259C7.85061 9.64016 7.81614 9.71533 7.74719 9.71533C7.67825 9.71533 7.64378 9.64016 7.64378 9.60259Z" fill="#B50027"/>
+    <path d="M7.54028 8.13722C7.54028 8.02449 7.60923 7.94934 7.71265 7.94934C7.81607 7.94934 7.88501 8.02449 7.88501 8.13722C7.88501 8.24994 7.81607 8.32509 7.71265 8.32509C7.60923 8.36267 7.54028 8.24994 7.54028 8.13722Z" fill="#0044AD"/>
+    <path d="M7.67816 7.61121V7.72393H7.57475V7.83667H7.67816V8.13727H7.54028C7.54028 8.13727 7.54028 8.13726 7.54028 8.17484C7.54028 8.21241 7.54028 8.21242 7.54028 8.24999H7.88501C7.88501 8.21242 7.88501 8.21241 7.88501 8.17484C7.88501 8.17484 7.88501 8.17485 7.88501 8.13727H7.74711V7.83667H7.85053V7.72393H7.74711V7.61121H7.67816Z" fill="#9F7E00"/>
+    <path d="M9.85327 9.60275C9.85327 9.56518 9.88866 9.56519 9.88866 9.56519C9.92406 9.56519 9.92408 9.60275 9.92408 9.60275C9.92408 9.64033 9.88866 9.64034 9.88866 9.64034C9.85326 9.64034 9.85327 9.64033 9.85327 9.60275Z" fill="white"/>
+    <path d="M9.92407 9.48996C9.92407 9.45238 9.95946 9.45239 9.95946 9.45239C9.99487 9.45239 9.99486 9.48996 9.99486 9.48996C9.99486 9.52753 9.95946 9.52755 9.95946 9.52755C9.92406 9.52755 9.92407 9.52753 9.92407 9.48996Z" fill="white"/>
+    <path d="M9.95947 9.33959C9.95947 9.30202 9.99486 9.302 9.99486 9.302C10.0303 9.302 10.0303 9.33959 10.0303 9.33959C10.0303 9.37717 9.99486 9.37716 9.99486 9.37716C9.95946 9.37716 9.95947 9.37717 9.95947 9.33959Z" fill="white"/>
+    <path d="M9.95947 9.18942C9.95947 9.15185 9.99486 9.15186 9.99486 9.15186C10.0303 9.15186 10.0303 9.18942 10.0303 9.18942C10.0303 9.227 9.99486 9.22699 9.99486 9.22699C9.99486 9.22699 9.95947 9.227 9.95947 9.18942Z" fill="white"/>
+    <path d="M9.92407 9.03903C9.92407 9.00146 9.95946 9.00146 9.95946 9.00146C9.99487 9.00146 9.99486 9.03903 9.99486 9.03903C9.99486 9.07661 9.95946 9.07662 9.95946 9.07662C9.95946 9.07662 9.92407 9.07661 9.92407 9.03903Z" fill="white"/>
+    <path d="M9.85327 8.88891C9.85327 8.85133 9.88866 8.85132 9.88866 8.85132C9.92406 8.85132 9.92408 8.88891 9.92408 8.88891C9.92408 8.92648 9.88866 8.92647 9.88866 8.92647C9.88866 8.96405 9.85327 8.92648 9.85327 8.88891Z" fill="white"/>
+    <path d="M9.74707 8.77611C9.74707 8.73854 9.78246 8.73853 9.78246 8.73853C9.81786 8.73853 9.81785 8.77611 9.81785 8.77611C9.81785 8.81369 9.78246 8.81368 9.78246 8.81368C9.78246 8.85126 9.74707 8.81369 9.74707 8.77611Z" fill="white"/>
+    <path d="M9.64087 8.70092C9.64087 8.66334 9.67628 8.66333 9.67628 8.66333C9.71168 8.66333 9.71168 8.70092 9.71168 8.70092C9.71168 8.73849 9.67628 8.73849 9.67628 8.73849C9.67628 8.73849 9.64087 8.73849 9.64087 8.70092Z" fill="white"/>
+    <path d="M9.49915 8.6257C9.49915 8.58813 9.53454 8.58813 9.53454 8.58813C9.56994 8.58813 9.56995 8.6257 9.56995 8.6257C9.56995 8.66328 9.53454 8.66327 9.53454 8.66327C9.53454 8.66327 9.49915 8.66328 9.49915 8.6257Z" fill="white"/>
+    <path d="M9.39294 8.55075C9.39294 8.51317 9.42834 8.51318 9.42834 8.51318C9.46374 8.51318 9.46373 8.55075 9.46373 8.55075C9.46373 8.58833 9.42834 8.58834 9.42834 8.58834C9.39294 8.62591 9.39294 8.58833 9.39294 8.55075Z" fill="white"/>
+    <path d="M9.74708 9.45239C9.81789 9.37724 9.85328 9.26452 9.85328 9.1518C9.85328 9.07665 9.85327 9.03907 9.81787 8.96392C9.71167 8.77604 9.42846 8.62573 9.10985 8.62573C9.00365 8.62573 8.93286 8.62572 8.86206 8.6633C8.89746 8.70087 8.89745 8.70088 8.89745 8.73845C8.96825 8.73845 9.03905 8.70089 9.10985 8.70089C9.42846 8.70089 9.67628 8.81361 9.74708 9.00149C9.78248 9.03906 9.78248 9.11422 9.78248 9.1518C9.78248 9.26452 9.74708 9.33965 9.67628 9.41481L9.78248 9.60268L9.85328 9.56512L9.74708 9.45239Z" fill="#9F7E00"/>
+    <path d="M9.21594 8.55075C9.21594 8.51317 9.25133 8.51318 9.25133 8.51318C9.28674 8.51318 9.28673 8.55075 9.28673 8.55075C9.28673 8.58833 9.25133 8.58834 9.25133 8.58834L9.21594 8.55075Z" fill="white"/>
+    <path d="M9.07446 8.51318C9.07446 8.4756 9.10986 8.47559 9.10986 8.47559C9.14526 8.47559 9.14527 8.51318 9.14527 8.51318C9.14527 8.55075 9.10986 8.55074 9.10986 8.55074C9.10986 8.58832 9.07446 8.55075 9.07446 8.51318Z" fill="white"/>
+    <path d="M8.93262 8.55075C8.93262 8.51317 8.96803 8.51318 8.96803 8.51318C9.00343 8.51318 9.00342 8.55075 9.00342 8.55075C9.00342 8.58833 8.96803 8.58834 8.96803 8.58834L8.93262 8.55075Z" fill="white"/>
+    <path d="M8.79126 8.55075C8.79126 8.51317 8.82665 8.51318 8.82665 8.51318C8.86205 8.51318 8.86207 8.55075 8.86207 8.55075C8.86207 8.58833 8.82665 8.58834 8.82665 8.58834C8.79125 8.58834 8.79126 8.55075 8.79126 8.55075Z" fill="white"/>
+    <path d="M8.8502 8.6633C8.8502 8.62572 8.88466 8.62573 8.88466 8.62573C8.91914 8.62573 8.91915 8.6633 8.91915 8.6633C8.91915 8.70087 8.88466 8.70089 8.88466 8.70089C8.88466 8.70089 8.8502 8.70087 8.8502 8.6633ZM8.88466 8.81361C8.88466 8.77603 8.91915 8.77604 8.91915 8.77604C8.95362 8.77604 8.95361 8.81361 8.95361 8.81361C8.95361 8.85118 8.91915 8.85118 8.91915 8.85118C8.91915 8.85118 8.88466 8.85118 8.88466 8.81361ZM8.88466 8.96392C8.88466 8.92634 8.91915 8.92633 8.91915 8.92633C8.95362 8.92633 8.95361 8.96392 8.95361 8.96392C8.95361 9.0015 8.91915 9.00149 8.91915 9.00149C8.91915 9.00149 8.88466 9.0015 8.88466 8.96392ZM8.8502 9.11421C8.8502 9.07663 8.88466 9.07664 8.88466 9.07664C8.91914 9.07664 8.91915 9.11421 8.91915 9.11421C8.91915 9.15178 8.88466 9.1518 8.88466 9.1518L8.8502 9.11421ZM8.78125 9.22693C8.78125 9.18935 8.81574 9.18936 8.81574 9.18936C8.85021 9.18936 8.8502 9.22693 8.8502 9.22693C8.8502 9.2645 8.81574 9.26452 8.81574 9.26452C8.78126 9.26452 8.78125 9.2645 8.78125 9.22693Z" fill="white"/>
+    <path d="M8.68506 8.43796C8.68506 8.40038 8.72045 8.40039 8.72045 8.40039C8.75585 8.40039 8.75584 8.43796 8.75584 8.43796C8.75584 8.47553 8.72045 8.47552 8.72045 8.47552C8.68505 8.47552 8.68506 8.47553 8.68506 8.43796Z" fill="white"/>
+    <path d="M8.54321 8.36276C8.54321 8.32519 8.57861 8.3252 8.57861 8.3252C8.61401 8.3252 8.61402 8.36276 8.61402 8.36276L8.57861 8.40035C8.57861 8.40035 8.54321 8.40034 8.54321 8.36276Z" fill="white"/>
+    <path d="M8.40186 8.32519C8.40186 8.28761 8.43727 8.2876 8.43727 8.2876C8.47267 8.2876 8.47266 8.32519 8.47266 8.32519C8.47266 8.36276 8.43727 8.36275 8.43727 8.36275L8.40186 8.32519Z" fill="white"/>
+    <path d="M8.26001 8.28769C8.26001 8.25011 8.2954 8.25012 8.2954 8.25012C8.3308 8.25012 8.33082 8.28769 8.33082 8.28769C8.33082 8.32526 8.2954 8.32528 8.2954 8.32528C8.2954 8.32528 8.26001 8.32526 8.26001 8.28769Z" fill="white"/>
+    <path d="M8.11853 8.28769C8.11853 8.25011 8.15394 8.25012 8.15394 8.25012C8.18935 8.25012 8.18934 8.28769 8.18934 8.28769C8.18934 8.32526 8.15394 8.32528 8.15394 8.32528C8.15394 8.32528 8.11853 8.32526 8.11853 8.28769Z" fill="white"/>
+    <path d="M7.97705 8.32519C7.97705 8.28761 8.01244 8.2876 8.01244 8.2876C8.04784 8.2876 8.04784 8.32519 8.04784 8.32519C8.04784 8.36276 8.01244 8.36275 8.01244 8.36275C7.97704 8.36275 7.97705 8.36276 7.97705 8.32519Z" fill="white"/>
+    <path d="M7.83533 8.36276C7.83533 8.32519 7.87072 8.3252 7.87072 8.3252C7.90612 8.3252 7.90613 8.36276 7.90613 8.36276C7.90613 8.40034 7.87072 8.40035 7.87072 8.40035C7.87072 8.40035 7.83533 8.40034 7.83533 8.36276Z" fill="white"/>
+    <path d="M5.4989 9.60275C5.4989 9.56518 5.53429 9.56519 5.53429 9.56519C5.56969 9.56519 5.56969 9.60275 5.56969 9.60275C5.56969 9.64033 5.53429 9.64034 5.53429 9.64034C5.49889 9.64034 5.4989 9.64033 5.4989 9.60275Z" fill="white"/>
+    <path d="M5.42798 9.48996C5.42798 9.45238 5.46337 9.45239 5.46337 9.45239C5.49877 9.45239 5.49878 9.48996 5.49878 9.48996C5.49878 9.52753 5.46337 9.52755 5.46337 9.52755C5.46337 9.52755 5.42798 9.52753 5.42798 9.48996Z" fill="white"/>
+    <path d="M5.3927 9.33959C5.3927 9.30202 5.42811 9.302 5.42811 9.302C5.46352 9.302 5.46351 9.33959 5.46351 9.33959C5.46351 9.37717 5.42811 9.37716 5.42811 9.37716C5.39271 9.37716 5.3927 9.37717 5.3927 9.33959Z" fill="white"/>
+    <path d="M5.3927 9.18942C5.3927 9.15185 5.42811 9.15186 5.42811 9.15186C5.46352 9.15186 5.46351 9.18942 5.46351 9.18942C5.46351 9.227 5.42811 9.22699 5.42811 9.22699C5.39271 9.22699 5.3927 9.227 5.3927 9.18942Z" fill="white"/>
+    <path d="M5.42798 9.03903C5.42798 9.00146 5.46337 9.00146 5.46337 9.00146C5.49877 9.00146 5.49878 9.03903 5.49878 9.03903C5.49878 9.07661 5.46337 9.07662 5.46337 9.07662C5.42797 9.07662 5.42798 9.07661 5.42798 9.03903Z" fill="white"/>
+    <path d="M5.4989 8.88891C5.4989 8.85133 5.53429 8.85132 5.53429 8.85132C5.56969 8.85132 5.56969 8.88891 5.56969 8.88891C5.56969 8.92648 5.53429 8.92647 5.53429 8.92647C5.49889 8.96405 5.4989 8.92648 5.4989 8.88891Z" fill="white"/>
+    <path d="M5.56958 8.77611C5.56958 8.73854 5.60499 8.73853 5.60499 8.73853C5.64039 8.73853 5.64039 8.77611 5.64039 8.77611C5.64039 8.81369 5.60499 8.81368 5.60499 8.81368C5.60499 8.85126 5.56958 8.81369 5.56958 8.77611Z" fill="white"/>
+    <path d="M5.7113 8.70092C5.7113 8.66334 5.7467 8.66333 5.7467 8.66333C5.7821 8.66333 5.78211 8.70092 5.78211 8.70092C5.78211 8.73849 5.7467 8.73849 5.7467 8.73849C5.7113 8.73849 5.7113 8.73849 5.7113 8.70092Z" fill="white"/>
+    <path d="M5.81738 8.6257C5.81738 8.58813 5.8528 8.58813 5.8528 8.58813C5.8882 8.58813 5.88819 8.6257 5.88819 8.6257C5.88819 8.66328 5.8528 8.66327 5.8528 8.66327C5.8528 8.66327 5.81738 8.66328 5.81738 8.6257Z" fill="white"/>
+    <path d="M5.95923 8.55075C5.95923 8.51317 5.99462 8.51318 5.99462 8.51318C6.03002 8.51318 6.03003 8.55075 6.03003 8.55075C6.03003 8.58833 5.99462 8.58834 5.99462 8.58834C5.99462 8.62591 5.95923 8.58833 5.95923 8.55075Z" fill="white"/>
+    <path d="M6.13599 8.55075C6.13599 8.51317 6.17138 8.51318 6.17138 8.51318C6.20678 8.51318 6.20679 8.55075 6.20679 8.55075C6.20679 8.58833 6.17138 8.58834 6.17138 8.58834C6.13598 8.58834 6.13599 8.55075 6.13599 8.55075Z" fill="white"/>
+    <path d="M6.27771 8.51318C6.27771 8.4756 6.31312 8.47559 6.31312 8.47559C6.34852 8.47559 6.34852 8.51318 6.34852 8.51318C6.34852 8.55075 6.31312 8.55074 6.31312 8.55074C6.27772 8.58832 6.27771 8.55075 6.27771 8.51318Z" fill="white"/>
+    <path d="M6.41919 8.55075C6.41919 8.51317 6.45458 8.51318 6.45458 8.51318C6.48998 8.51318 6.49 8.55075 6.49 8.55075C6.49 8.58833 6.45458 8.58834 6.45458 8.58834C6.41918 8.58834 6.41919 8.55075 6.41919 8.55075Z" fill="white"/>
+    <path d="M6.56091 8.55075C6.56091 8.51317 6.59631 8.51318 6.59631 8.51318C6.63171 8.51318 6.6317 8.55075 6.6317 8.55075C6.6317 8.58833 6.59631 8.58834 6.59631 8.58834C6.5609 8.58834 6.56091 8.55075 6.56091 8.55075Z" fill="white"/>
+    <path d="M6.67859 9.26472C6.57517 9.18957 6.50623 9.03926 6.50623 8.92653C6.50623 8.77623 6.60965 8.62593 6.74754 8.55078C6.64412 8.62593 6.60964 8.73865 6.60964 8.85138V8.88897C6.60964 9.00169 6.67859 9.15198 6.74754 9.22713L6.67859 9.26472Z" fill="#9F7E00"/>
+    <path d="M6.47172 8.66354C6.47172 8.62597 6.50621 8.62598 6.50621 8.62598C6.54068 8.62598 6.54067 8.66354 6.54067 8.66354C6.54067 8.70112 6.50621 8.70113 6.50621 8.70113C6.50621 8.70113 6.47172 8.70112 6.47172 8.66354ZM6.43726 8.81385C6.43726 8.77628 6.47172 8.77629 6.47172 8.77629C6.50619 8.77629 6.50621 8.81385 6.50621 8.81385C6.50621 8.85143 6.47172 8.85142 6.47172 8.85142C6.47172 8.85142 6.43726 8.85143 6.43726 8.81385ZM6.43726 8.96416C6.43726 8.92659 6.47172 8.92657 6.47172 8.92657C6.50619 8.92657 6.50621 8.96416 6.50621 8.96416C6.50621 9.00174 6.47172 9.00173 6.47172 9.00173C6.47172 9.00173 6.43726 9.00174 6.43726 8.96416ZM6.50621 9.11445C6.50621 9.07688 6.54067 9.07689 6.54067 9.07689C6.57514 9.07689 6.57516 9.11445 6.57516 9.11445C6.57516 9.15203 6.54067 9.15204 6.54067 9.15204C6.5062 9.15204 6.50621 9.11445 6.50621 9.11445ZM6.57516 9.22717C6.57516 9.1896 6.60962 9.18961 6.60962 9.18961C6.64409 9.18961 6.64409 9.22717 6.64409 9.22717C6.64409 9.26475 6.60962 9.26476 6.60962 9.26476C6.57515 9.26476 6.57516 9.26475 6.57516 9.22717Z" fill="white"/>
+    <path d="M6.66711 8.43796C6.66711 8.40038 6.70251 8.40039 6.70251 8.40039C6.73791 8.40039 6.73792 8.43796 6.73792 8.43796C6.73792 8.47553 6.70251 8.47552 6.70251 8.47552C6.66711 8.47552 6.66711 8.47553 6.66711 8.43796Z" fill="white"/>
+    <path d="M6.80859 8.36276C6.80859 8.32519 6.84401 8.3252 6.84401 8.3252C6.87941 8.3252 6.8794 8.36276 6.8794 8.36276L6.84401 8.40035C6.80861 8.40035 6.80859 8.40034 6.80859 8.36276Z" fill="white"/>
+    <path d="M6.91479 8.32519C6.91479 8.28761 6.95019 8.2876 6.95019 8.2876C6.98559 8.2876 6.98558 8.32519 6.98558 8.32519C6.98558 8.36276 6.95019 8.36275 6.95019 8.36275L6.91479 8.32519Z" fill="white"/>
+    <path d="M7.0918 8.28769C7.0918 8.25011 7.12719 8.25012 7.12719 8.25012C7.16259 8.25012 7.16258 8.28769 7.16258 8.28769C7.16258 8.32526 7.12719 8.32528 7.12719 8.32528C7.09179 8.32528 7.0918 8.32526 7.0918 8.28769Z" fill="white"/>
+    <path d="M7.23364 8.28769C7.23364 8.25011 7.26906 8.25012 7.26906 8.25012C7.30446 8.25012 7.30445 8.28769 7.30445 8.28769C7.30445 8.32526 7.26906 8.32528 7.26906 8.32528C7.23366 8.32528 7.23364 8.32526 7.23364 8.28769Z" fill="white"/>
+    <path d="M7.375 8.32519C7.375 8.28761 7.41039 8.2876 7.41039 8.2876C7.44579 8.2876 7.44581 8.32519 7.44581 8.32519C7.44581 8.36276 7.41039 8.36275 7.41039 8.36275C7.37499 8.36275 7.375 8.36276 7.375 8.32519Z" fill="white"/>
+    <path d="M7.51685 8.36276C7.51685 8.32519 7.55226 8.3252 7.55226 8.3252C7.58766 8.3252 7.58765 8.36276 7.58765 8.36276C7.58765 8.40034 7.55226 8.40035 7.55226 8.40035C7.51686 8.40035 7.51685 8.40034 7.51685 8.36276Z" fill="white"/>
+    <path d="M5.78213 8.77612C5.71318 8.8137 5.64424 8.88885 5.60976 8.964C5.57529 9.03915 5.5753 9.07673 5.5753 9.15188C5.5753 9.2646 5.60977 9.37732 5.67871 9.45247L5.60976 9.5652C5.54082 9.49005 5.50635 9.37732 5.50635 9.2646C5.50635 9.03915 5.60976 8.88885 5.78213 8.77612ZM9.6431 8.77612C9.71205 8.8137 9.781 8.88885 9.81547 8.964C9.84994 9.03915 9.84995 9.07673 9.84995 9.15188C9.84995 9.2646 9.81546 9.37732 9.74652 9.45247L9.81547 9.5652C9.88441 9.49005 9.91888 9.37732 9.91888 9.2646C9.91888 9.03915 9.81547 8.88885 9.6431 8.77612Z" fill="#9F7E00"/>
+    <path d="M10.9152 10.6172C10.9152 10.6172 10.8798 10.6548 10.8444 10.6548C10.809 10.6548 10.809 10.6172 10.809 10.6172L10.7736 10.6548C10.7382 10.6548 10.7027 10.6172 10.7027 10.6172L10.6674 10.6548C10.632 10.6548 10.632 10.6548 10.632 10.6548C10.632 10.6548 10.6319 10.6548 10.5965 10.6924H10.5612H10.5257L10.4903 10.6548H10.455V10.6172V10.5796C10.455 10.5421 10.4904 10.5045 10.5612 10.5045C10.5966 10.5045 10.632 10.5045 10.632 10.5045C10.6674 10.4669 10.7027 10.4669 10.7736 10.4669C10.8444 10.4669 10.8798 10.4669 10.9152 10.5045C10.9506 10.4669 10.986 10.4669 11.0568 10.4669C11.1276 10.4669 11.163 10.4669 11.1984 10.5045C11.2338 10.5045 11.2338 10.5045 11.2692 10.5045C11.34 10.5045 11.3754 10.5421 11.3754 10.5796V10.6172V10.6548H11.34L11.3046 10.6924H11.2692C11.2692 10.6924 11.2692 10.6924 11.2338 10.6924C11.1984 10.6924 11.1984 10.6548 11.1984 10.6548C11.1984 10.6548 11.163 10.6924 11.163 10.6548C11.1276 10.6548 11.1276 10.6172 11.1276 10.6172C11.1276 10.6172 11.0922 10.6548 11.0568 10.6548C11.0214 10.6548 11.0214 10.6172 11.0214 10.6172L10.986 10.6548C10.9506 10.6548 10.9152 10.6172 10.9152 10.6172Z" fill="#B50027"/>
+    <path d="M10.8496 10.4293C10.8496 10.3917 10.8841 10.3541 10.9186 10.3541C10.953 10.3541 10.9875 10.3917 10.9875 10.4293C10.9875 10.4669 10.953 10.5044 10.9186 10.5044C10.8841 10.5044 10.8496 10.4669 10.8496 10.4293Z" fill="#9F7E00"/>
+    <path d="M10.884 10.4293C10.884 10.3917 10.884 10.3541 10.9185 10.3541C10.9185 10.3541 10.953 10.3917 10.953 10.4293C10.953 10.4669 10.953 10.5044 10.9185 10.5044C10.884 10.5044 10.884 10.4669 10.884 10.4293Z" fill="#9F7E00"/>
+    <path d="M10.5965 10.8051C10.5965 10.7676 10.5612 10.7676 10.5612 10.7676C10.632 10.73 10.7735 10.73 10.8798 10.73C11.0214 10.73 11.1276 10.73 11.1984 10.7676C11.1984 10.7676 11.1984 10.7676 11.163 10.8051V10.8427C11.0922 10.8051 10.986 10.8051 10.8798 10.8051C10.809 10.8051 10.6674 10.8051 10.5965 10.8051C10.632 10.8427 10.632 10.8051 10.5965 10.8051Z" fill="#9F7E00"/>
+    <path d="M10.9153 10.9179C11.0215 10.9179 11.1277 10.9179 11.1631 10.8803C11.1985 10.8803 11.1985 10.8428 11.1985 10.8428C11.1277 10.8052 11.0215 10.8052 10.9153 10.8052C10.8091 10.8052 10.7029 10.8052 10.6321 10.8428C10.6321 10.8428 10.6321 10.8803 10.6675 10.8803C10.7029 10.8803 10.8091 10.9179 10.9153 10.9179Z" fill="#C8B100"/>
+    <path d="M10.9186 10.9179C11.022 10.9179 11.1254 10.9179 11.1943 10.8803C11.2288 10.8803 11.2288 10.8428 11.2288 10.8428C11.1599 10.8052 11.0564 10.8052 10.953 10.8052C10.8496 10.8052 10.7117 10.8052 10.6772 10.8428C10.6772 10.8428 10.6773 10.8803 10.7117 10.8803C10.6773 10.8803 10.8151 10.9179 10.9186 10.9179Z" fill="#9F7E00"/>
+    <path d="M11.1599 10.4671C11.1944 10.4295 11.1944 10.4671 11.1944 10.4671C11.1944 10.4671 11.1944 10.4671 11.1599 10.4671ZM11.1599 10.3919C11.1944 10.3543 11.1944 10.3919 11.1944 10.3919C11.1944 10.3919 11.1944 10.4295 11.1599 10.3919ZM11.091 10.3543C11.1254 10.3167 11.1254 10.3543 11.1254 10.3543C11.1254 10.3543 11.1254 10.3543 11.091 10.3543ZM11.0565 10.3167C11.091 10.2792 11.091 10.3167 11.091 10.3167C11.091 10.3543 11.091 10.3543 11.0565 10.3167C11.0565 10.3543 11.0565 10.3543 11.0565 10.3167ZM10.9875 10.3167C11.022 10.2792 11.022 10.3167 11.022 10.3167C11.022 10.3543 11.022 10.3543 10.9875 10.3167C10.9875 10.3543 10.9875 10.3543 10.9875 10.3167Z" fill="#E6E6E6"/>
+    <path d="M11.3667 10.5421C11.4012 10.5045 11.4012 10.5421 11.4012 10.5421C11.4012 10.5421 11.4012 10.5421 11.3667 10.5421ZM11.3667 10.467C11.4012 10.4294 11.4012 10.467 11.4012 10.467C11.4012 10.467 11.4012 10.467 11.3667 10.467ZM11.3322 10.3918C11.3667 10.3543 11.3667 10.3918 11.3667 10.3918C11.3667 10.4294 11.3667 10.4294 11.3322 10.3918C11.3322 10.4294 11.3322 10.4294 11.3322 10.3918ZM11.2633 10.3918C11.2633 10.3543 11.2633 10.3543 11.2633 10.3918C11.2978 10.3543 11.2978 10.3918 11.2978 10.3918C11.2978 10.3918 11.2978 10.3918 11.2633 10.3918ZM11.1943 10.3918C11.1943 10.3543 11.1943 10.3543 11.1943 10.3918C11.2288 10.3543 11.2288 10.3918 11.2288 10.3918C11.2288 10.3918 11.2288 10.3918 11.1943 10.3918Z" fill="#E6E6E6"/>
+    <path d="M11.2338 10.6925C11.1984 10.6549 11.1984 10.6925 11.163 10.6925C11.1276 10.6925 11.1276 10.6549 11.1276 10.6549C11.1276 10.6549 11.0922 10.6925 11.0568 10.6925C11.0214 10.6925 11.0214 10.6549 11.0214 10.6549C11.0214 10.6549 10.986 10.6925 10.9506 10.6925C10.9152 10.6925 10.9152 10.6549 10.9152 10.6549L10.8798 10.6925C10.8444 10.6925 10.8444 10.6549 10.8444 10.6549C10.8444 10.6549 10.8444 10.6925 10.809 10.6925C10.7736 10.6925 10.7382 10.6549 10.7382 10.6549L10.7028 10.6925C10.6673 10.6925 10.6674 10.6925 10.6674 10.6925C10.6674 10.6925 10.6674 10.6925 10.6674 10.73V10.7676C10.7382 10.7301 10.8444 10.73 10.986 10.73C11.0214 10.6925 11.163 10.6925 11.2338 10.6925Z" fill="#9F7E00"/>
+    <path d="M10.6083 10.4671C10.6427 10.4295 10.6428 10.4671 10.6428 10.4671C10.6428 10.4671 10.6427 10.4671 10.6083 10.4671ZM10.6428 10.3919C10.6772 10.3543 10.6772 10.3919 10.6772 10.3919C10.6772 10.3919 10.6428 10.4295 10.6428 10.3919ZM10.6772 10.3543C10.7117 10.3167 10.7117 10.3543 10.7117 10.3543C10.7117 10.3543 10.7117 10.3543 10.6772 10.3543ZM10.7462 10.3167C10.7806 10.2792 10.7806 10.3167 10.7806 10.3167C10.7806 10.3543 10.7806 10.3543 10.7462 10.3167C10.7462 10.3543 10.7462 10.3543 10.7462 10.3167ZM10.8151 10.3167C10.8496 10.2792 10.8496 10.3167 10.8496 10.3167C10.8496 10.3543 10.8151 10.3543 10.8151 10.3167C10.8151 10.3543 10.8151 10.3543 10.8151 10.3167Z" fill="#E6E6E6"/>
+    <path d="M10.4015 10.5421C10.436 10.5045 10.436 10.5421 10.436 10.5421C10.436 10.5421 10.436 10.5421 10.4015 10.5421ZM10.436 10.467C10.4704 10.4294 10.4704 10.467 10.4704 10.467H10.436ZM10.4704 10.3918C10.5049 10.3543 10.5049 10.3918 10.5049 10.3918C10.5049 10.4294 10.5049 10.4294 10.4704 10.3918C10.4704 10.4294 10.4704 10.4294 10.4704 10.3918ZM10.5049 10.3918C10.5394 10.3543 10.5049 10.3543 10.5049 10.3918C10.5394 10.3543 10.5394 10.3918 10.5394 10.3918C10.5739 10.3918 10.5394 10.3918 10.5049 10.3918ZM10.5739 10.3918C10.5739 10.3543 10.5739 10.3543 10.5739 10.3918C10.6083 10.3543 10.6083 10.3918 10.6083 10.3918C10.6083 10.3918 10.6083 10.3918 10.5739 10.3918Z" fill="#E6E6E6"/>
+    <path d="M10.9187 10.5797C10.9187 10.6173 10.9531 10.6549 10.9876 10.6549C11.0221 10.6549 11.0221 10.6549 11.0221 10.6173C11.0221 10.6549 11.0566 10.6549 11.0566 10.6549C11.091 10.6549 11.091 10.6173 11.091 10.6173V10.6549C11.091 10.6549 11.091 10.6549 11.091 10.6924C11.091 10.73 11.1255 10.73 11.1255 10.73C11.1255 10.73 11.16 10.73 11.16 10.6924C11.16 10.6924 11.16 10.73 11.1944 10.73C11.1944 10.73 11.1945 10.73 11.2289 10.73C11.2634 10.6924 11.2634 10.6924 11.2634 10.6924V10.73L11.2289 10.7676H11.1944C11.1944 10.7676 11.16 10.7676 11.16 10.73H11.1255C11.091 10.73 11.091 10.73 11.0566 10.6924L11.0221 10.73C10.9876 10.73 10.9876 10.73 10.9531 10.6924L10.9187 10.73C10.8842 10.73 10.8842 10.73 10.8497 10.6924C10.8497 10.73 10.8152 10.73 10.7808 10.73C10.7463 10.73 10.7463 10.73 10.7463 10.6924C10.7463 10.6924 10.7118 10.73 10.6774 10.73C10.6429 10.73 10.6429 10.73 10.6429 10.6924C10.6429 10.73 10.6084 10.73 10.5739 10.73H10.5395C10.5395 10.73 10.5395 10.7676 10.505 10.7676H10.4705C10.436 10.7676 10.436 10.73 10.436 10.73V10.6924C10.436 10.6924 10.436 10.6924 10.4705 10.73C10.505 10.7676 10.505 10.73 10.505 10.73C10.505 10.73 10.5395 10.73 10.5395 10.6924L10.5739 10.73C10.6084 10.73 10.6084 10.6924 10.6084 10.6924C10.6084 10.6924 10.6084 10.6924 10.6084 10.6549V10.6173C10.6084 10.6549 10.6429 10.6549 10.6429 10.6549C10.6774 10.6549 10.6774 10.6549 10.6774 10.6173C10.6774 10.6549 10.7118 10.6549 10.7118 10.6549C10.8842 10.6549 10.9187 10.6173 10.9187 10.5797Z" fill="#9F7E00"/>
+    <path d="M10.9153 10.6924C11.0569 10.6549 11.1631 10.6924 11.2339 10.73C11.1631 10.73 11.0569 10.6924 10.9153 10.6924Z" fill="#C8B100"/>
+    <path d="M10.9153 10.6924C11.0569 10.6549 11.1631 10.6924 11.2339 10.73C11.1631 10.73 11.0569 10.6924 10.9153 10.6924Z" fill="#9F7E00"/>
+    <path d="M10.7737 10.7677C10.8091 10.7301 10.7737 10.7301 10.7737 10.7677C10.8091 10.7301 10.8091 10.7677 10.8091 10.7677C10.8091 10.7677 10.8091 10.7677 10.7737 10.7677Z" fill="white"/>
+    <path d="M10.7737 10.7677C10.8091 10.7301 10.7737 10.7301 10.7737 10.7677C10.8091 10.7301 10.8091 10.7677 10.8091 10.7677C10.8091 10.7677 10.8091 10.7677 10.7737 10.7677Z" fill="#E6E6E6"/>
+    <path d="M10.703 10.7676C10.7384 10.73 10.7384 10.73 10.7384 10.73C10.7384 10.7676 10.7384 10.7676 10.703 10.7676Z" fill="#006F46"/>
+    <path d="M10.9861 10.7677C11.0215 10.7301 10.9861 10.7301 10.9861 10.7677C11.0215 10.7301 11.0215 10.7677 11.0215 10.7677C11.0215 10.7677 11.0215 10.7677 10.9861 10.7677Z" fill="white"/>
+    <path d="M10.9861 10.7677C11.0215 10.7301 10.9861 10.7301 10.9861 10.7677C11.0215 10.7301 11.0215 10.7677 11.0215 10.7677C11.0215 10.7677 11.0215 10.7677 10.9861 10.7677Z" fill="#E6E6E6"/>
+    <path d="M11.1277 10.7676C11.0923 10.73 11.0923 10.73 11.0923 10.73C11.0569 10.7676 11.0923 10.7676 11.1277 10.7676Z" fill="#006F46"/>
+    <path d="M10.9153 10.8803C10.8091 10.8803 10.7029 10.8803 10.6321 10.8428C10.7029 10.8052 10.8091 10.8052 10.9153 10.8052C11.0215 10.8052 11.1277 10.8052 11.1985 10.8428C11.0923 10.8803 11.0215 10.8803 10.9153 10.8803Z" fill="#B50027"/>
+    <path d="M10.574 10.6549C10.574 10.6173 10.574 10.6173 10.574 10.6549C10.6084 10.6173 10.6084 10.6173 10.574 10.6549C10.6084 10.6549 10.6084 10.6549 10.574 10.6549Z" fill="#E6E6E6"/>
+    <path d="M10.9185 10.4669L10.884 10.5045L10.9185 10.5796L10.953 10.5045C10.953 10.4669 10.9185 10.4669 10.9185 10.4669Z" fill="#9F7E00"/>
+    <path d="M10.8151 10.5797C10.8496 10.5421 10.8496 10.5421 10.8151 10.5797ZM10.9875 10.5797C10.9875 10.5421 10.9875 10.5421 10.9875 10.5797Z" fill="#9F7E00"/>
+    <path d="M10.6083 10.6173C10.6083 10.5797 10.6083 10.5797 10.6083 10.6173ZM10.7807 10.5797C10.7462 10.5421 10.7462 10.5421 10.7807 10.5797Z" fill="#9F7E00"/>
+    <path d="M10.6674 10.5797C10.7028 10.5421 10.7028 10.5797 10.7028 10.5797C10.7028 10.5797 10.7028 10.6173 10.6674 10.5797Z" fill="#C8B100"/>
+    <path d="M10.6772 10.5797C10.7117 10.5421 10.7117 10.5797 10.7117 10.5797C10.7117 10.5797 10.7117 10.6173 10.6772 10.5797Z" fill="#B50027"/>
+    <path d="M11.1944 10.6173C11.1944 10.5797 11.1944 10.5797 11.1944 10.6173ZM11.0565 10.5797C11.0565 10.5421 11.0565 10.5421 11.0565 10.5797Z" fill="#9F7E00"/>
+    <path d="M10.8799 10.5797C10.9153 10.5421 10.8799 10.5421 10.8799 10.5797C10.9153 10.5421 10.9153 10.5797 10.9153 10.5797C10.9153 10.5797 10.9153 10.5797 10.8799 10.5797Z" fill="#C8B100"/>
+    <path d="M10.8799 10.5797C10.9153 10.5421 10.8799 10.5421 10.8799 10.5797C10.9153 10.5421 10.9153 10.5797 10.9153 10.5797C10.9153 10.5797 10.9153 10.5797 10.8799 10.5797Z" fill="#B50027"/>
+    <path d="M11.1278 10.5797C11.1632 10.5421 11.1632 10.5797 11.1632 10.5797C11.1632 10.5797 11.1278 10.6173 11.1278 10.5797Z" fill="#C8B100"/>
+    <path d="M11.1278 10.5797C11.1632 10.5421 11.1632 10.5797 11.1632 10.5797C11.1632 10.5797 11.1278 10.6173 11.1278 10.5797Z" fill="#B50027"/>
+    <path d="M10.9507 10.3167L10.8799 10.3543V10.3167H10.9153V10.2415H10.8799V10.204H10.9153V10.1664H10.9507V10.204H10.9861V10.2415H10.9507V10.3167Z" fill="#C8B100"/>
+    <path d="M10.9185 10.2792C10.953 10.2792 10.9529 10.3167 10.9529 10.3167C10.9529 10.3543 10.9185 10.3543 10.884 10.3543C10.8495 10.3543 10.8151 10.3167 10.8151 10.3167C10.8495 10.2792 10.884 10.2792 10.9185 10.2792Z" fill="#0044AD"/>
+    <path d="M10.4704 10.6549C10.4704 10.6173 10.4704 10.6173 10.4704 10.6549C10.436 10.6173 10.4015 10.6173 10.4015 10.6173C10.4015 10.6173 10.4015 10.6173 10.436 10.6173C10.436 10.6173 10.436 10.6173 10.4704 10.6173C10.4704 10.6173 10.4704 10.6173 10.4704 10.6549Z" fill="#9F7E00"/>
+    <path d="M11.3402 10.6549C11.3756 10.6173 11.411 10.6173 11.411 10.6173C11.411 10.6173 11.411 10.6173 11.3756 10.6173C11.3756 10.6173 11.3756 10.6173 11.3402 10.6173C11.3402 10.6173 11.3402 10.6173 11.3402 10.6549Z" fill="#C8B100"/>
+    <path d="M11.3402 10.6549C11.3756 10.6173 11.411 10.6173 11.411 10.6173C11.411 10.6173 11.411 10.6173 11.3756 10.6173C11.3756 10.6173 11.3756 10.6173 11.3402 10.6173C11.3402 10.6173 11.3402 10.6173 11.3402 10.6549Z" fill="#9F7E00"/>
+    <path d="M11.34 10.6173C11.3046 10.6549 11.3046 10.6549 11.34 10.6173C11.34 10.6549 11.3046 10.6549 11.34 10.6173C11.34 10.6549 11.34 10.6549 11.34 10.6173Z" fill="#C8B100"/>
+    <path d="M11.3321 10.6173C11.2977 10.6549 11.2977 10.6549 11.3321 10.6173Z" fill="#B50027"/>
+    <path d="M10.953 10.3167L10.8496 10.3543V10.3167H10.8841V10.2415H10.8496V10.204H10.8841V10.1664H10.9186V10.204H10.953V10.2415H10.9186V10.3167H10.953Z" fill="#9F7E00"/>
+    <path d="M10.436 11.181H11.4013V10.918H10.436V11.181Z" fill="#DEAD00"/>
+    <path d="M10.436 11.181H11.4013V10.918H10.436V11.181Z" fill="#9F7E00"/>
+    <path d="M11.2978 11.3688C11.2633 11.3688 11.2633 11.3688 11.2978 11.3688H10.5739C10.5739 11.3688 10.5739 11.3688 10.5394 11.3688C10.5739 11.3688 10.5739 11.3312 10.5739 11.2936C10.5739 11.2561 10.5394 11.2561 10.5394 11.2185C10.5394 11.2185 10.5394 11.2185 10.5739 11.2185H11.2978C11.2978 11.2185 11.2978 11.2185 11.3323 11.2185C11.2978 11.2185 11.2978 11.2561 11.2978 11.2936C11.2289 11.3312 11.2633 11.3312 11.2978 11.3688Z" fill="#DEAD00"/>
+    <path d="M11.2978 11.3688C11.2633 11.3688 11.2633 11.3688 11.2978 11.3688H10.5739C10.5739 11.3688 10.5739 11.3688 10.5394 11.3688C10.5739 11.3688 10.5739 11.3312 10.5739 11.2936C10.5739 11.2561 10.5394 11.2561 10.5394 11.2185C10.5394 11.2185 10.5394 11.2185 10.5739 11.2185H11.2978C11.2978 11.2185 11.2978 11.2185 11.3323 11.2185C11.2978 11.2185 11.2978 11.2561 11.2978 11.2936C11.2289 11.3312 11.2633 11.3312 11.2978 11.3688Z" fill="#9F7E00"/>
+    <path d="M10.5395 11.3687H11.2634C11.2979 11.3687 11.2979 11.3687 11.2979 11.4062C11.2979 11.4438 11.2634 11.4438 11.2634 11.4438H10.5395C10.505 11.4438 10.505 11.4438 10.505 11.4062C10.505 11.3687 10.5395 11.3687 10.5395 11.3687Z" fill="#DEAD00"/>
+    <path d="M10.5395 11.3687H11.2634C11.2979 11.3687 11.2979 11.3687 11.2979 11.4062C11.2979 11.4438 11.2634 11.4438 11.2634 11.4438H10.5395C10.505 11.4438 10.505 11.4438 10.505 11.4062C10.505 11.3687 10.5395 11.3687 10.5395 11.3687Z" fill="#9F7E00"/>
+    <path d="M10.5395 11.1809H11.2634C11.2979 11.1809 11.2979 11.1809 11.2979 11.2185L11.2634 11.2561H10.5395C10.505 11.2561 10.505 11.2561 10.505 11.2185C10.505 11.1809 10.5395 11.1809 10.5395 11.1809Z" fill="#DEAD00"/>
+    <path d="M10.5395 11.1809H11.2634C11.2979 11.1809 11.2979 11.1809 11.2979 11.2185L11.2634 11.2561H10.5395C10.505 11.2561 10.505 11.2561 10.505 11.2185C10.505 11.1809 10.5395 11.1809 10.5395 11.1809Z" fill="#9F7E00"/>
+    <path d="M11.2979 15.2766C11.2979 15.3893 11.3323 15.4269 11.4013 15.4269H10.436C10.505 15.4269 10.5395 15.3893 10.5395 15.3142V15.2766C10.5395 15.2766 10.5395 15.2766 10.5739 15.2766H11.2979C11.2634 15.2766 11.2634 15.2766 11.2979 15.2766Z" fill="#DEAD00"/>
+    <path d="M11.2979 15.2766C11.2979 15.3893 11.3323 15.4269 11.4013 15.4269H10.436C10.505 15.4269 10.5395 15.3893 10.5395 15.3142V15.2766C10.5395 15.2766 10.5395 15.2766 10.5739 15.2766H11.2979C11.2634 15.2766 11.2634 15.2766 11.2979 15.2766Z" fill="#9F7E00"/>
+    <path d="M10.5395 15.2014H11.2634C11.2979 15.2014 11.2979 15.2014 11.2979 15.239C11.2979 15.2766 11.2634 15.2766 11.2634 15.2766H10.5395C10.505 15.2766 10.505 15.2766 10.505 15.239L10.5395 15.2014Z" fill="#DEAD00"/>
+    <path d="M10.5395 15.2014H11.2634C11.2979 15.2014 11.2979 15.2014 11.2979 15.239C11.2979 15.2766 11.2634 15.2766 11.2634 15.2766H10.5395C10.505 15.2766 10.505 15.2766 10.505 15.239L10.5395 15.2014Z" fill="#9F7E00"/>
+    <path d="M10.436 15.6898H11.4013V15.4268H10.436V15.6898Z" fill="#DEAD00"/>
+    <path d="M10.436 15.6898H11.4013V15.4268H10.436V15.6898Z" fill="#9F7E00"/>
+    <path d="M11.4702 14.2621C11.5737 14.3372 11.6426 14.3748 11.6081 14.4124C11.6081 14.45 11.5737 14.45 11.5392 14.4875C11.4702 14.5251 11.4358 14.6378 11.4702 14.6754C11.4013 14.6378 11.3668 14.5627 11.3668 14.45C11.3668 14.3748 11.4013 14.2997 11.4702 14.2621Z" fill="#CE1126"/>
+    <path d="M11.4702 14.2621C11.5737 14.3372 11.6426 14.3748 11.6081 14.4124C11.6081 14.45 11.5737 14.45 11.5392 14.4875C11.4702 14.5251 11.4358 14.6378 11.4702 14.6754C11.4013 14.6378 11.3668 14.5627 11.3668 14.45C11.3668 14.3748 11.4013 14.2997 11.4702 14.2621Z" fill="#B50027"/>
+    <path d="M10.574 15.1638H11.2634V11.4438H10.574V15.1638Z" fill="#B2B2B2"/>
+    <path d="M9.84985 12.8719C9.98775 12.7967 10.2635 12.7591 10.5393 12.7591C10.6427 12.7591 10.7462 12.7591 10.884 12.7967C11.2977 12.8719 11.608 13.0597 11.5735 13.21C11.5735 13.21 11.7459 12.8343 11.7459 12.7967C11.7803 12.6464 11.4356 12.421 10.953 12.3458C10.8151 12.3082 10.6772 12.3082 10.5393 12.3082C10.2291 12.3082 9.98775 12.3458 9.84985 12.4209V12.8719Z" fill="#CE1126"/>
+    <path d="M9.84985 12.8719C9.98775 12.7967 10.2635 12.7591 10.5393 12.7591C10.6427 12.7591 10.7462 12.7591 10.884 12.7967C11.2977 12.8719 11.608 13.0597 11.5735 13.21C11.5735 13.21 11.7459 12.8343 11.7459 12.7967C11.7803 12.6464 11.4356 12.421 10.953 12.3458C10.8151 12.3082 10.6772 12.3082 10.5393 12.3082C10.2291 12.3082 9.98775 12.3458 9.84985 12.4209V12.8719Z" fill="#B50027"/>
+    <path d="M11.2633 13.3228C11.4701 13.3228 11.5736 13.2476 11.608 13.1725C11.608 13.0973 11.5391 13.0222 11.4357 12.947C11.3667 12.947 11.3323 12.947 11.2633 12.947V13.3228Z" fill="#CE1126"/>
+    <path d="M11.2633 13.3228C11.4701 13.3228 11.5736 13.2476 11.608 13.1725C11.608 13.0973 11.5391 13.0222 11.4357 12.947C11.3667 12.947 11.3323 12.947 11.2633 12.947V13.3228Z" fill="#B50027"/>
+    <path d="M10.5739 13.0222C10.4705 13.0598 10.3671 13.0598 10.3326 13.0974C10.2981 13.1349 10.4015 13.2477 10.6084 13.3604L10.5739 13.0222Z" fill="#CE1126"/>
+    <path d="M10.5739 13.0222C10.4705 13.0598 10.3671 13.0598 10.3326 13.0974C10.2981 13.1349 10.4015 13.2477 10.6084 13.3604L10.5739 13.0222Z" fill="#B50027"/>
+    <path d="M11.677 14.0366C11.7114 13.9614 11.5046 13.8487 11.2288 13.736C11.0909 13.6984 11.022 13.6232 10.8841 13.5857C10.5049 13.3978 10.2291 13.2099 10.2636 13.1348C10.2291 13.1348 10.2291 13.5105 10.2291 13.5105C10.1946 13.5857 10.4359 13.7736 10.7807 13.9614C10.8841 14.0366 11.1254 14.1117 11.2288 14.1493C11.4357 14.2245 11.608 14.3748 11.608 14.4123L11.677 14.0366Z" fill="#B50027"/>
+    <path d="M10.2982 12.684C10.3327 12.5713 10.3671 12.4585 10.4016 12.3834C10.4016 12.3834 10.4016 12.3834 10.3671 12.3834C10.3671 12.3834 10.3671 12.3834 10.3327 12.3834C10.3327 12.4585 10.2982 12.5337 10.2637 12.6088C10.2292 12.5337 10.1948 12.4585 10.1258 12.4209H10.0913H10.0569C10.1258 12.4961 10.1948 12.6088 10.2292 12.684C10.2637 12.684 10.2637 12.684 10.2982 12.684ZM10.5395 12.3834H10.505H10.4706V12.684H10.6774C10.6774 12.684 10.6774 12.684 10.6774 12.6464C10.6429 12.6464 10.6085 12.6464 10.574 12.6464L10.5395 12.3834ZM10.8498 12.4209C10.8842 12.4209 10.9187 12.4209 10.9532 12.4209C10.9532 12.4209 10.9532 12.421 10.9532 12.3834L10.6774 12.3458C10.7119 12.3458 10.7463 12.3458 10.7808 12.3458L10.7463 12.6088H10.7808H10.8153L10.8498 12.4209ZM10.9532 12.7216H10.9877H11.0221L11.0566 12.5713C11.0566 12.6088 11.0566 12.6088 11.0911 12.6088L11.1255 12.7216H11.16H11.1945V12.684C11.16 12.6464 11.16 12.6088 11.1255 12.5337C11.16 12.5337 11.1945 12.5337 11.229 12.4585C11.229 12.421 11.229 12.421 11.1945 12.3834C11.16 12.3834 11.1255 12.3458 11.1255 12.3458L11.0221 12.3082L10.9532 12.7216ZM11.0911 12.4585C11.1255 12.4585 11.16 12.4585 11.16 12.4961C11.16 12.4961 11.16 12.4961 11.16 12.5337C11.16 12.5713 11.1256 12.6088 11.0566 12.5713L11.0911 12.4585ZM11.4358 12.7967C11.4358 12.8343 11.4358 12.8719 11.4358 12.9094C11.4358 12.9094 11.4703 12.9094 11.4703 12.947C11.4703 12.947 11.5048 12.947 11.5048 12.9846L11.5392 12.6464C11.5392 12.6464 11.5392 12.6464 11.5048 12.6464L11.229 12.8343C11.229 12.8343 11.229 12.8343 11.2634 12.8343C11.2634 12.8343 11.2634 12.8343 11.2979 12.8343C11.3324 12.7967 11.3324 12.7967 11.3669 12.7591L11.4358 12.7967ZM11.3669 12.7216L11.4703 12.6464V12.7591L11.3669 12.7216Z" fill="#9F7E00"/>
+    <path d="M10.2292 15.7275C10.2982 15.7275 10.3671 15.7275 10.4016 15.6899C10.4361 15.6523 10.505 15.6523 10.574 15.6523C10.6429 15.6523 10.7119 15.6523 10.7463 15.6899C10.7808 15.7275 10.8498 15.7275 10.9187 15.7275C10.9877 15.7275 11.0566 15.7275 11.0911 15.6899C11.1255 15.6523 11.1945 15.6523 11.2634 15.6523C11.3324 15.6523 11.4013 15.6523 11.4358 15.6899C11.4703 15.7275 11.5392 15.7275 11.6082 15.7275V15.8402C11.5392 15.8402 11.4703 15.8402 11.4358 15.8026C11.4013 15.7651 11.3324 15.7651 11.2634 15.7651C11.1945 15.7651 11.16 15.7651 11.0911 15.8026C11.0566 15.8402 10.9877 15.8402 10.9187 15.8402C10.8498 15.8402 10.7808 15.8402 10.7463 15.8026C10.7119 15.7651 10.6429 15.7651 10.574 15.7651C10.505 15.7651 10.4361 15.7651 10.4016 15.8026C10.3671 15.8402 10.2982 15.8402 10.2292 15.8402V15.7275Z" fill="#005BBF"/>
+    <path d="M10.2292 15.7275C10.2982 15.7275 10.3671 15.7275 10.4016 15.6899C10.4361 15.6523 10.505 15.6523 10.574 15.6523C10.6429 15.6523 10.7119 15.6523 10.7463 15.6899C10.7808 15.7275 10.8498 15.7275 10.9187 15.7275C10.9877 15.7275 11.0566 15.7275 11.0911 15.6899C11.1255 15.6523 11.1945 15.6523 11.2634 15.6523C11.3324 15.6523 11.4013 15.6523 11.4358 15.6899C11.4703 15.7275 11.5392 15.7275 11.6082 15.7275V15.8402C11.5392 15.8402 11.4703 15.8402 11.4358 15.8026C11.4013 15.7651 11.3324 15.7651 11.2634 15.7651C11.1945 15.7651 11.16 15.7651 11.0911 15.8026C11.0566 15.8402 10.9877 15.8402 10.9187 15.8402C10.8498 15.8402 10.7808 15.8402 10.7463 15.8026C10.7119 15.7651 10.6429 15.7651 10.574 15.7651C10.505 15.7651 10.4361 15.7651 10.4016 15.8026C10.3671 15.8402 10.2982 15.8402 10.2292 15.8402V15.7275Z" fill="#0045AF"/>
+    <path d="M10.2292 15.8403C10.2982 15.8403 10.3671 15.8403 10.4016 15.8027C10.4361 15.7651 10.505 15.7651 10.574 15.7651C10.6429 15.7651 10.7119 15.7651 10.7463 15.8027C10.7808 15.8403 10.8498 15.8403 10.9187 15.8403C10.9877 15.8403 11.0566 15.8403 11.0911 15.8027C11.1255 15.7651 11.1945 15.7651 11.2634 15.7651C11.3324 15.7651 11.4013 15.7651 11.4358 15.8027C11.4703 15.8403 11.5392 15.8403 11.6082 15.8403V15.953C11.5392 15.953 11.4703 15.953 11.4358 15.9154C11.4013 15.8779 11.3324 15.8779 11.2634 15.8779C11.1945 15.8779 11.16 15.8779 11.0911 15.9154C11.0566 15.953 10.9877 15.953 10.9187 15.953C10.8498 15.953 10.7808 15.953 10.7463 15.9154C10.7119 15.8779 10.6429 15.8779 10.574 15.8779C10.505 15.8779 10.4361 15.8779 10.4016 15.9154C10.3671 15.953 10.2982 15.953 10.2292 15.953V15.8403Z" fill="#B2B2B2"/>
+    <path d="M10.2292 15.9528C10.2982 15.9528 10.3671 15.9528 10.4016 15.9153C10.4361 15.8777 10.505 15.8777 10.574 15.8777C10.6429 15.8777 10.7119 15.8777 10.7463 15.9153C10.7808 15.9528 10.8498 15.9528 10.9187 15.9528C10.9877 15.9528 11.0566 15.9528 11.0911 15.9153C11.1255 15.8777 11.1945 15.8777 11.2634 15.8777C11.3324 15.8777 11.4013 15.8777 11.4358 15.9153C11.4703 15.9528 11.5392 15.9528 11.6082 15.9528V16.0656C11.5392 16.0656 11.4703 16.0656 11.4358 16.028C11.4013 15.9904 11.3324 15.9904 11.2634 15.9904C11.1945 15.9904 11.16 15.9904 11.0911 16.028C11.0566 16.0656 10.9877 16.0656 10.9187 16.0656C10.8498 16.0656 10.7808 16.0656 10.7463 16.028C10.7119 15.9904 10.6429 15.9904 10.574 15.9904C10.505 15.9904 10.4361 15.9904 10.4016 16.028C10.3671 16.0656 10.2982 16.0656 10.2292 16.0656V15.9528Z" fill="#005BBF"/>
+    <path d="M10.2292 15.9528C10.2982 15.9528 10.3671 15.9528 10.4016 15.9153C10.4361 15.8777 10.505 15.8777 10.574 15.8777C10.6429 15.8777 10.7119 15.8777 10.7463 15.9153C10.7808 15.9528 10.8498 15.9528 10.9187 15.9528C10.9877 15.9528 11.0566 15.9528 11.0911 15.9153C11.1255 15.8777 11.1945 15.8777 11.2634 15.8777C11.3324 15.8777 11.4013 15.8777 11.4358 15.9153C11.4703 15.9528 11.5392 15.9528 11.6082 15.9528V16.0656C11.5392 16.0656 11.4703 16.0656 11.4358 16.028C11.4013 15.9904 11.3324 15.9904 11.2634 15.9904C11.1945 15.9904 11.16 15.9904 11.0911 16.028C11.0566 16.0656 10.9877 16.0656 10.9187 16.0656C10.8498 16.0656 10.7808 16.0656 10.7463 16.028C10.7119 15.9904 10.6429 15.9904 10.574 15.9904C10.505 15.9904 10.4361 15.9904 10.4016 16.028C10.3671 16.0656 10.2982 16.0656 10.2292 16.0656V15.9528Z" fill="#0045AF"/>
+    <path d="M10.2292 16.1784C10.2982 16.1784 10.3671 16.1784 10.4016 16.1408C10.4361 16.1032 10.505 16.1032 10.574 16.1032C10.6429 16.1032 10.7119 16.1032 10.7463 16.1408C10.7808 16.1784 10.8498 16.1784 10.9187 16.1784C10.9877 16.1784 11.0566 16.1784 11.0911 16.1408C11.1255 16.1032 11.1945 16.1032 11.2634 16.1032C11.3324 16.1032 11.4013 16.1032 11.4358 16.1408C11.4703 16.1784 11.5392 16.1784 11.6082 16.1784V16.0656C11.5392 16.0656 11.4703 16.0656 11.4358 16.0281C11.4013 15.9905 11.3324 15.9905 11.2634 15.9905C11.1945 15.9905 11.16 15.9905 11.0911 16.0281C11.0566 16.0656 10.9877 16.0656 10.9187 16.0656C10.8498 16.0656 10.7808 16.0656 10.7463 16.0281C10.7119 15.9905 10.6429 15.9905 10.574 15.9905C10.505 15.9905 10.4361 15.9905 10.4016 16.0281C10.3671 16.0656 10.2982 16.0656 10.2292 16.0656V16.1784Z" fill="#B2B2B2"/>
+    <path d="M10.2292 16.2911C10.2982 16.2911 10.3671 16.2911 10.4016 16.2536C10.4361 16.216 10.505 16.216 10.574 16.216C10.6429 16.216 10.7119 16.216 10.7463 16.2536C10.7808 16.2911 10.8498 16.2911 10.9187 16.2911C10.9877 16.2911 11.0566 16.2911 11.0911 16.2536C11.1255 16.216 11.1945 16.216 11.2634 16.216C11.3324 16.216 11.4013 16.216 11.4358 16.2536C11.4703 16.2911 11.5392 16.2911 11.6082 16.2911V16.1784C11.5392 16.1784 11.4703 16.1784 11.4358 16.1408C11.4013 16.1033 11.3324 16.1033 11.2634 16.1033C11.1945 16.1033 11.16 16.1033 11.0911 16.1408C11.0566 16.1784 10.9877 16.1784 10.9187 16.1784C10.8498 16.1784 10.7808 16.1784 10.7463 16.1408C10.7119 16.1033 10.6429 16.1033 10.574 16.1033C10.505 16.1033 10.4361 16.1033 10.4016 16.1408C10.3671 16.1784 10.2982 16.1784 10.2292 16.1784V16.2911Z" fill="#005BBF"/>
+    <path d="M10.2292 16.2911C10.2982 16.2911 10.3671 16.2911 10.4016 16.2536C10.4361 16.216 10.505 16.216 10.574 16.216C10.6429 16.216 10.7119 16.216 10.7463 16.2536C10.7808 16.2911 10.8498 16.2911 10.9187 16.2911C10.9877 16.2911 11.0566 16.2911 11.0911 16.2536C11.1255 16.216 11.1945 16.216 11.2634 16.216C11.3324 16.216 11.4013 16.216 11.4358 16.2536C11.4703 16.2911 11.5392 16.2911 11.6082 16.2911V16.1784C11.5392 16.1784 11.4703 16.1784 11.4358 16.1408C11.4013 16.1033 11.3324 16.1033 11.2634 16.1033C11.1945 16.1033 11.16 16.1033 11.0911 16.1408C11.0566 16.1784 10.9877 16.1784 10.9187 16.1784C10.8498 16.1784 10.7808 16.1784 10.7463 16.1408C10.7119 16.1033 10.6429 16.1033 10.574 16.1033C10.505 16.1033 10.4361 16.1033 10.4016 16.1408C10.3671 16.1784 10.2982 16.1784 10.2292 16.1784V16.2911Z" fill="#0045AF"/>
+    <path d="M4.23084 10.6923C4.19636 10.6923 4.16191 10.6547 4.16191 10.6547L4.12742 10.6171L4.09296 10.5796C4.09296 10.5796 4.05849 10.542 4.09296 10.4668C4.09296 10.4293 4.12744 10.3917 4.16191 10.3917C4.19638 10.3917 4.23084 10.3541 4.23084 10.3541C4.23084 10.3541 4.26532 10.3541 4.26532 10.3165H4.33427C4.33427 10.3165 4.33426 10.3165 4.36874 10.3165H4.4032H4.43769C4.47216 10.3165 4.50664 10.3165 4.50664 10.3165H4.57557C4.57557 10.3165 4.64453 10.3165 4.679 10.3165H4.71347C4.74794 10.3165 4.78242 10.3165 4.78242 10.3541C4.78242 10.3541 4.85136 10.3917 4.88583 10.3917C4.92031 10.3917 4.95477 10.3917 4.98925 10.4292C5.02372 10.4292 5.02373 10.4668 5.02373 10.4668C5.02373 10.4668 5.02372 10.5044 5.0582 10.5044V10.542L5.02373 10.5796L4.98925 10.6171L4.95478 10.6547L4.9203 10.6923C4.88582 10.6923 4.71346 10.6547 4.57557 10.6547C4.43768 10.6547 4.23084 10.6923 4.23084 10.6923Z" fill="#CE1126"/>
+    <path d="M4.23084 10.6925C4.19636 10.6925 4.16191 10.655 4.16191 10.655L4.12742 10.6174L4.09296 10.5798C4.09296 10.5798 4.05849 10.5422 4.09296 10.4671C4.09296 10.4295 4.12744 10.3919 4.16191 10.3919C4.19638 10.3919 4.23084 10.3543 4.23084 10.3543C4.23084 10.3543 4.26532 10.3543 4.26532 10.3168H4.33427C4.33427 10.3168 4.33426 10.3168 4.36874 10.3168H4.4032H4.43769C4.47216 10.3168 4.50664 10.3168 4.50664 10.3168H4.57557C4.57557 10.3168 4.64453 10.3168 4.679 10.3168H4.71347C4.74794 10.3168 4.78242 10.3168 4.78242 10.3543C4.78242 10.3543 4.85136 10.3919 4.88583 10.3919C4.92031 10.3919 4.95477 10.3919 4.98925 10.4295C5.02372 10.4295 5.02373 10.4671 5.02373 10.4671C5.02373 10.4671 5.02372 10.5046 5.0582 10.5046V10.5422L5.02373 10.5798L4.98925 10.6174L4.95478 10.655L4.9203 10.6925C4.88582 10.6925 4.71346 10.655 4.57557 10.655C4.43768 10.655 4.23084 10.6925 4.23084 10.6925Z" fill="#B50027"/>
+    <path d="M4.50671 10.3919C4.50671 10.3167 4.54117 10.2792 4.57564 10.2792C4.61012 10.2792 4.64459 10.3167 4.64459 10.3919C4.64459 10.467 4.61012 10.5046 4.57564 10.5046C4.54117 10.5046 4.50671 10.467 4.50671 10.3919Z" fill="#9F7E00"/>
+    <path d="M4.54126 10.3919C4.54126 10.3167 4.54125 10.2792 4.57572 10.2792C4.57572 10.2792 4.61021 10.3167 4.61021 10.3919C4.61021 10.467 4.6102 10.5046 4.57572 10.5046C4.54125 10.5046 4.54126 10.467 4.54126 10.3919Z" fill="#9F7E00"/>
+    <path d="M4.54114 10.6925H4.33431V10.6549V10.5798V10.5046C4.26537 10.4295 4.23088 10.3543 4.19641 10.3919C4.19641 10.3919 4.1964 10.3543 4.23088 10.3543C4.26535 10.3167 4.36877 10.3919 4.47219 10.5422C4.47219 10.5422 4.4722 10.5798 4.50668 10.5798H4.67904C4.67904 10.5798 4.67903 10.5422 4.71351 10.5422C4.78245 10.4295 4.88587 10.3543 4.95482 10.3543C4.95482 10.3543 4.95481 10.3543 4.98929 10.3919C4.95481 10.3919 4.92035 10.4295 4.85141 10.5046V10.5798V10.6549V10.6925H4.54114Z" fill="#9F7E00"/>
+    <path d="M4.26544 10.8051C4.26544 10.7676 4.23096 10.7676 4.23096 10.7676C4.2999 10.73 4.4378 10.73 4.54122 10.73C4.67911 10.73 4.78253 10.73 4.88595 10.7676C4.88595 10.7676 4.88596 10.7676 4.85149 10.8051V10.8427C4.78254 10.8051 4.67911 10.8051 4.57569 10.8051C4.43779 10.8051 4.33439 10.8051 4.26544 10.8051Z" fill="#9F7E00"/>
+    <path d="M4.541 10.9179C4.64442 10.9179 4.74783 10.9179 4.81678 10.8803C4.85125 10.8803 4.85126 10.8428 4.85126 10.8428C4.78232 10.8052 4.67888 10.8052 4.57546 10.8052C4.47204 10.8052 4.33416 10.8052 4.29968 10.8428C4.29968 10.8428 4.2997 10.8803 4.33417 10.8803C4.33417 10.8803 4.43758 10.9179 4.541 10.9179Z" fill="#C8B100"/>
+    <path d="M4.541 10.9179C4.64442 10.9179 4.74783 10.9179 4.81678 10.8803C4.85125 10.8803 4.85126 10.8428 4.85126 10.8428C4.78232 10.8052 4.67888 10.8052 4.57546 10.8052C4.47204 10.8052 4.33416 10.8052 4.29968 10.8428C4.29968 10.8428 4.2997 10.8803 4.33417 10.8803C4.33417 10.8803 4.43758 10.9179 4.541 10.9179Z" fill="#9F7E00"/>
+    <path d="M4.88595 10.6924C4.85148 10.6548 4.85147 10.6924 4.817 10.6924C4.78253 10.6924 4.78254 10.6548 4.78254 10.6548C4.78254 10.6548 4.74806 10.6924 4.71359 10.6924C4.67911 10.6924 4.67912 10.6548 4.67912 10.6548C4.67912 10.6548 4.64465 10.6924 4.61017 10.6924C4.5757 10.6924 4.54122 10.6548 4.54122 10.6548C4.54122 10.6548 4.50675 10.6924 4.47227 10.6924C4.4378 10.6924 4.43781 10.6548 4.43781 10.6548C4.43781 10.6548 4.43779 10.6924 4.40332 10.6924C4.36885 10.6924 4.33439 10.6548 4.33439 10.6548L4.29991 10.6924C4.26543 10.6924 4.23096 10.6924 4.23096 10.6924C4.23096 10.6924 4.23096 10.6923 4.23096 10.7299V10.7675C4.2999 10.7299 4.4378 10.7299 4.54122 10.7299C4.67911 10.6923 4.78253 10.6924 4.88595 10.6924Z" fill="#9F7E00"/>
+    <path d="M4.5411 10.5796C4.57557 10.5796 4.57557 10.5796 4.5411 10.5796C4.5411 10.6172 4.57558 10.6547 4.61005 10.6547C4.64452 10.6547 4.64452 10.6547 4.64452 10.6172C4.64452 10.6547 4.679 10.6547 4.679 10.6547C4.71347 10.6547 4.71347 10.6172 4.71347 10.6172V10.6547C4.71347 10.6547 4.71347 10.6547 4.71347 10.6923C4.71347 10.7299 4.74793 10.7299 4.74793 10.7299C4.74793 10.7299 4.78242 10.7299 4.78242 10.6923C4.78242 10.6923 4.78241 10.7299 4.81688 10.7299C4.81688 10.7299 4.81689 10.7299 4.85137 10.7299C4.88584 10.6923 4.88583 10.6923 4.88583 10.6923V10.7299L4.85137 10.7675H4.81688C4.81688 10.7675 4.78242 10.7675 4.78242 10.7299H4.74793C4.71346 10.7299 4.71347 10.7299 4.679 10.6923L4.64452 10.7299C4.61004 10.7299 4.61004 10.7299 4.57557 10.6923L4.5411 10.7299C4.50663 10.7299 4.50662 10.7299 4.47215 10.6923C4.47215 10.7299 4.43767 10.7299 4.4032 10.7299C4.36873 10.7299 4.36874 10.7299 4.36874 10.6923C4.36874 10.6923 4.33426 10.7299 4.29979 10.7299C4.26531 10.7299 4.26532 10.7299 4.26532 10.6923C4.26532 10.7299 4.23084 10.7299 4.19637 10.7299H4.16191C4.16191 10.7299 4.16189 10.7675 4.12742 10.7675H4.09296C4.05848 10.7675 4.05847 10.7299 4.05847 10.7299V10.6923C4.05847 10.6923 4.05848 10.6923 4.09296 10.7299C4.12743 10.7675 4.12742 10.7299 4.12742 10.7299C4.12742 10.7299 4.16191 10.7299 4.16191 10.6923L4.19637 10.7299C4.23084 10.7299 4.23084 10.6923 4.23084 10.6923C4.23084 10.6923 4.23084 10.6923 4.23084 10.6547V10.6172C4.23084 10.6547 4.26532 10.6547 4.26532 10.6547C4.2998 10.6547 4.29979 10.6547 4.29979 10.6172C4.29979 10.6547 4.33427 10.6547 4.33427 10.6547C4.50664 10.6547 4.5411 10.6172 4.5411 10.5796Z" fill="#9F7E00"/>
+    <path d="M4.54122 10.6924C4.40333 10.6924 4.2999 10.6924 4.23096 10.73C4.2999 10.6924 4.4378 10.6924 4.54122 10.6924C4.67911 10.6549 4.78253 10.6924 4.88595 10.73C4.78253 10.73 4.67911 10.6924 4.54122 10.6924Z" fill="#C8B100"/>
+    <path d="M4.54122 10.6924C4.40333 10.6924 4.2999 10.6924 4.23096 10.73C4.2999 10.6924 4.4378 10.6924 4.54122 10.6924C4.67911 10.6549 4.78253 10.6924 4.88595 10.73C4.78253 10.73 4.67911 10.6924 4.54122 10.6924Z" fill="#9F7E00"/>
+    <path d="M4.43774 10.7677C4.43774 10.7301 4.43774 10.7301 4.43774 10.7677C4.47222 10.7301 4.47221 10.7677 4.47221 10.7677C4.47221 10.7677 4.47222 10.7677 4.43774 10.7677Z" fill="white"/>
+    <path d="M4.43774 10.7677C4.43774 10.7301 4.43774 10.7301 4.43774 10.7677C4.47222 10.7301 4.47221 10.7677 4.47221 10.7677C4.47221 10.7677 4.47222 10.7677 4.43774 10.7677Z" fill="#E6E6E6"/>
+    <path d="M4.33417 10.7676C4.36864 10.73 4.36863 10.73 4.36863 10.73C4.40311 10.7676 4.36864 10.7676 4.33417 10.7676Z" fill="#006F46"/>
+    <path d="M4.64453 10.7677C4.64453 10.7301 4.64453 10.7301 4.64453 10.7677C4.679 10.7301 4.67902 10.7677 4.67902 10.7677C4.67902 10.7677 4.679 10.7677 4.64453 10.7677Z" fill="white"/>
+    <path d="M4.64453 10.7677C4.64453 10.7301 4.64453 10.7301 4.64453 10.7677C4.679 10.7301 4.67902 10.7677 4.67902 10.7677C4.67902 10.7677 4.679 10.7677 4.64453 10.7677Z" fill="#E6E6E6"/>
+    <path d="M4.74797 10.7676C4.78244 10.7676 4.78245 10.7676 4.78245 10.7676C4.81692 10.7676 4.81691 10.7676 4.74797 10.7676C4.71349 10.73 4.7135 10.73 4.7135 10.73C4.7135 10.7676 4.71349 10.7676 4.74797 10.7676Z" fill="#006F46"/>
+    <path d="M4.54116 10.8803C4.43774 10.8803 4.33433 10.8803 4.26538 10.8428C4.33433 10.8052 4.43774 10.8052 4.54116 10.8052C4.64458 10.8052 4.74799 10.8052 4.81694 10.8428C4.74799 10.8803 4.64458 10.8803 4.54116 10.8803Z" fill="#CE1126"/>
+    <path d="M4.54116 10.8803C4.43774 10.8803 4.33433 10.8803 4.26538 10.8428C4.33433 10.8052 4.43774 10.8052 4.54116 10.8052C4.64458 10.8052 4.74799 10.8052 4.81694 10.8428C4.74799 10.8803 4.64458 10.8803 4.54116 10.8803Z" fill="#B50027"/>
+    <path d="M4.88584 10.6549C4.88584 10.6173 4.88584 10.6173 4.88584 10.6549C4.88584 10.6173 4.85137 10.6173 4.88584 10.6549C4.85137 10.6549 4.85137 10.6549 4.88584 10.6549Z" fill="#C8B100"/>
+    <path d="M4.88584 10.6549C4.88584 10.6173 4.88584 10.6173 4.88584 10.6549C4.88584 10.6173 4.85137 10.6173 4.88584 10.6549C4.85137 10.6549 4.85137 10.6549 4.88584 10.6549Z" fill="#E6E6E6"/>
+    <path d="M4.67905 10.5796C4.64458 10.5796 4.64458 10.5796 4.67905 10.5796C4.64458 10.6172 4.64458 10.6172 4.67905 10.5796C4.67905 10.6172 4.67905 10.6172 4.67905 10.5796Z" fill="#C8B100"/>
+    <path d="M4.67905 10.5796C4.64458 10.5796 4.64458 10.5796 4.67905 10.5796C4.64458 10.6172 4.64458 10.6172 4.67905 10.5796C4.67905 10.6172 4.67905 10.6172 4.67905 10.5796Z" fill="#E6E6E6"/>
+    <path d="M4.43774 10.5796C4.47222 10.6172 4.43774 10.6172 4.43774 10.5796C4.43774 10.6172 4.43774 10.6172 4.43774 10.5796Z" fill="#C8B100"/>
+    <path d="M4.43774 10.5796C4.47222 10.6172 4.43774 10.6172 4.43774 10.5796C4.43774 10.6172 4.43774 10.6172 4.43774 10.5796Z" fill="#E6E6E6"/>
+    <path d="M4.54118 10.4669L4.50671 10.5045L4.54118 10.5796L4.57564 10.5045C4.57564 10.4669 4.57565 10.4669 4.54118 10.4669Z" fill="#9F7E00"/>
+    <path d="M4.47205 10.5797C4.47205 10.5421 4.47205 10.5421 4.47205 10.5797ZM4.64441 10.5797C4.64441 10.5421 4.60994 10.5421 4.64441 10.5797ZM4.29968 10.5045C4.33416 10.5045 4.33416 10.5045 4.29968 10.5045Z" fill="#9F7E00"/>
+    <path d="M4.26534 10.6173C4.26534 10.5797 4.26534 10.5797 4.26534 10.6173ZM4.40322 10.5797C4.40322 10.5421 4.40322 10.5421 4.40322 10.5797Z" fill="#9F7E00"/>
+    <path d="M4.29968 10.5797C4.33416 10.5421 4.33417 10.5797 4.33417 10.5797C4.36864 10.5797 4.33416 10.6173 4.29968 10.5797Z" fill="#C8B100"/>
+    <path d="M4.29968 10.5797C4.33416 10.5421 4.33417 10.5797 4.33417 10.5797C4.36864 10.5797 4.33416 10.6173 4.29968 10.5797Z" fill="#B50027"/>
+    <path d="M4.85132 10.6173C4.85132 10.5797 4.85132 10.5797 4.85132 10.6173ZM4.67896 10.5797C4.71343 10.5421 4.71343 10.5421 4.67896 10.5797Z" fill="#9F7E00"/>
+    <path d="M4.88574 10.6173C4.92022 10.6173 4.92022 10.5797 4.88574 10.6173Z" fill="#9F7E00"/>
+    <path d="M4.54126 10.5797C4.54126 10.5421 4.54126 10.5421 4.54126 10.5797C4.57573 10.5421 4.57572 10.5797 4.57572 10.5797C4.57572 10.5797 4.57573 10.5797 4.54126 10.5797Z" fill="#C8B100"/>
+    <path d="M4.54126 10.5797C4.54126 10.5421 4.54126 10.5421 4.54126 10.5797C4.57573 10.5421 4.57572 10.5797 4.57572 10.5797C4.57572 10.5797 4.57573 10.5797 4.54126 10.5797Z" fill="#B50027"/>
+    <path d="M4.74805 10.5797C4.78252 10.5421 4.78253 10.5797 4.78253 10.5797C4.78253 10.5797 4.78252 10.6173 4.74805 10.5797Z" fill="#C8B100"/>
+    <path d="M4.7478 10.5797C4.78228 10.5421 4.78229 10.5797 4.78229 10.5797C4.78229 10.5797 4.78228 10.6173 4.7478 10.5797Z" fill="#B50027"/>
+    <path d="M4.12742 10.6549C4.09295 10.6173 4.09295 10.6173 4.12742 10.6549C4.09295 10.6173 4.05847 10.6173 4.05847 10.6173C4.05847 10.6173 4.05848 10.6173 4.09296 10.6173C4.09296 10.6173 4.09295 10.6173 4.12742 10.6173C4.12742 10.6173 4.12742 10.6173 4.12742 10.6549Z" fill="#9F7E00"/>
+    <path d="M4.12744 10.6173C4.16191 10.6549 4.16191 10.6549 4.12744 10.6173Z" fill="#B50027"/>
+    <path d="M4.98926 10.6548C5.02373 10.6172 5.05821 10.6172 5.05821 10.6172C5.05821 10.6172 5.05822 10.6172 5.02374 10.6172C5.02374 10.6172 5.02373 10.6172 4.98926 10.6172C4.98926 10.6172 4.98926 10.6172 4.98926 10.6548Z" fill="#C8B100"/>
+    <path d="M4.98926 10.6548C5.02373 10.6172 5.05821 10.6172 5.05821 10.6172C5.05821 10.6172 5.05822 10.6172 5.02374 10.6172C5.02374 10.6172 5.02373 10.6172 4.98926 10.6172C4.98926 10.6172 4.98926 10.6172 4.98926 10.6548Z" fill="#9F7E00"/>
+    <path d="M4.57558 10.204C4.61006 10.204 4.61007 10.2415 4.61007 10.2415C4.61007 10.2791 4.57559 10.2791 4.54112 10.2791C4.50665 10.2791 4.47217 10.2415 4.47217 10.2415C4.50664 10.2415 4.50664 10.204 4.57558 10.204Z" fill="#0044AD"/>
+    <path d="M4.61013 10.2415L4.50671 10.2791V10.2415H4.54118V10.1663H4.50671V10.1288H4.54118V10.0912H4.57564V10.1288H4.61013V10.1663H4.57564V10.2415H4.61013Z" fill="#9F7E00"/>
+    <path d="M4.05847 11.181H5.02373V10.918H4.05847V11.181Z" fill="#9F7E00"/>
+    <path d="M4.16193 11.3688C4.1964 11.3688 4.1964 11.3688 4.16193 11.3688H4.88585C4.88585 11.3688 4.88584 11.3688 4.92032 11.3688C4.88584 11.3688 4.88585 11.3312 4.88585 11.2936C4.88585 11.2561 4.92032 11.2561 4.92032 11.2185C4.92032 11.2185 4.92032 11.2185 4.88585 11.2185H4.16193C4.16193 11.2185 4.16191 11.2185 4.12744 11.2185C4.16191 11.2185 4.16193 11.2561 4.16193 11.2936C4.23087 11.3312 4.1964 11.3312 4.16193 11.3688Z" fill="#DEAD00"/>
+    <path d="M4.16193 11.3688C4.1964 11.3688 4.1964 11.3688 4.16193 11.3688H4.88585C4.88585 11.3688 4.88584 11.3688 4.92032 11.3688C4.88584 11.3688 4.88585 11.3312 4.88585 11.2936C4.88585 11.2561 4.92032 11.2561 4.92032 11.2185C4.92032 11.2185 4.92032 11.2185 4.88585 11.2185H4.16193C4.16193 11.2185 4.16191 11.2185 4.12744 11.2185C4.16191 11.2185 4.16193 11.2561 4.16193 11.2936C4.23087 11.3312 4.1964 11.3312 4.16193 11.3688Z" fill="#9F7E00"/>
+    <path d="M4.19633 11.3687H4.92025C4.95473 11.3687 4.95474 11.3687 4.95474 11.4062C4.95474 11.4438 4.92025 11.4438 4.92025 11.4438H4.19633C4.16186 11.4438 4.16187 11.4438 4.16187 11.4062C4.16187 11.3687 4.16186 11.3687 4.19633 11.3687Z" fill="#9F7E00"/>
+    <path d="M4.19633 11.3687H4.92025C4.95473 11.3687 4.95474 11.3687 4.95474 11.4062C4.95474 11.4438 4.92025 11.4438 4.92025 11.4438H4.19633C4.16186 11.4438 4.16187 11.4438 4.16187 11.4062C4.16187 11.3687 4.16186 11.3687 4.19633 11.3687Z" fill="#9F7E00"/>
+    <path d="M4.19633 11.1809H4.92025C4.95473 11.1809 4.95474 11.1809 4.95474 11.2185L4.92025 11.2561H4.19633C4.16186 11.2561 4.16187 11.2561 4.16187 11.2185C4.16187 11.1809 4.16186 11.1809 4.19633 11.1809Z" fill="#DEAD00"/>
+    <path d="M4.19633 11.1809H4.92025C4.95473 11.1809 4.95474 11.1809 4.95474 11.2185L4.92025 11.2561H4.19633C4.16186 11.2561 4.16187 11.2561 4.16187 11.2185C4.16187 11.1809 4.16186 11.1809 4.19633 11.1809Z" fill="#9F7E00"/>
+    <path d="M4.16191 15.2766C4.16191 15.3893 4.12742 15.4269 4.05847 15.4269H5.02373C4.95479 15.4269 4.9203 15.3893 4.9203 15.3142V15.2766C4.9203 15.2766 4.9203 15.2766 4.88583 15.2766H4.16191C4.19638 15.2766 4.19638 15.2766 4.16191 15.2766Z" fill="#DEAD00"/>
+    <path d="M4.16191 15.2766C4.16191 15.3893 4.12742 15.4269 4.05847 15.4269H5.02373C4.95479 15.4269 4.9203 15.3893 4.9203 15.3142V15.2766C4.9203 15.2766 4.9203 15.2766 4.88583 15.2766H4.16191C4.19638 15.2766 4.19638 15.2766 4.16191 15.2766Z" fill="#9F7E00"/>
+    <path d="M4.19633 15.2014H4.92025C4.95473 15.2014 4.95474 15.2014 4.95474 15.239C4.95474 15.2766 4.92025 15.2766 4.92025 15.2766H4.19633C4.16186 15.2766 4.16187 15.2766 4.16187 15.239C4.16187 15.239 4.16186 15.2014 4.19633 15.2014Z" fill="#DEAD00"/>
+    <path d="M4.19633 15.2014H4.92025C4.95473 15.2014 4.95474 15.2014 4.95474 15.239C4.95474 15.2766 4.92025 15.2766 4.92025 15.2766H4.19633C4.16186 15.2766 4.16187 15.2766 4.16187 15.239C4.16187 15.239 4.16186 15.2014 4.19633 15.2014Z" fill="#9F7E00"/>
+    <path d="M4.05847 15.6898H5.02373V15.4268H4.05847V15.6898Z" fill="#9F7E00"/>
+    <path d="M3.98964 14.2621C3.88622 14.3372 3.81727 14.3748 3.85174 14.4124C3.85174 14.45 3.88622 14.45 3.92069 14.4875C3.98964 14.5251 4.02411 14.6378 3.98964 14.6754C4.05859 14.6378 4.09306 14.5627 4.09306 14.45C4.09306 14.3748 4.05859 14.2997 3.98964 14.2621Z" fill="#CE1126"/>
+    <path d="M3.98964 14.2621C3.88622 14.3372 3.81727 14.3748 3.85174 14.4124C3.85174 14.45 3.88622 14.45 3.92069 14.4875C3.98964 14.5251 4.02411 14.6378 3.98964 14.6754C4.05859 14.6378 4.09306 14.5627 4.09306 14.45C4.09306 14.3748 4.05859 14.2997 3.98964 14.2621Z" fill="#B50027"/>
+    <path d="M4.19641 15.1638H4.88587V11.4438H4.19641V15.1638Z" fill="#B2B2B2"/>
+    <path d="M5.60981 12.8719C5.47192 12.7967 5.19614 12.7591 4.92035 12.7591C4.81693 12.7591 4.71352 12.7591 4.57562 12.7967C4.16195 12.8719 3.85169 13.0597 3.88616 13.21C3.88616 13.21 3.7138 12.8343 3.7138 12.7967C3.67933 12.6464 4.02407 12.421 4.50669 12.3458C4.64459 12.3082 4.78246 12.3082 4.92035 12.3082C5.23061 12.3082 5.47192 12.3458 5.60981 12.4209V12.8719Z" fill="#B50027"/>
+    <path d="M4.19641 13.3228C3.98958 13.3228 3.88616 13.2476 3.85168 13.1725C3.85168 13.0973 3.92063 13.0222 4.02405 12.947C4.093 12.947 4.12747 12.947 4.19641 12.947V13.3228Z" fill="#CE1126"/>
+    <path d="M4.19641 13.3228C3.98958 13.3228 3.88616 13.2476 3.85168 13.1725C3.85168 13.0973 3.92063 13.0222 4.02405 12.947C4.093 12.947 4.12747 12.947 4.19641 12.947V13.3228Z" fill="#B50027"/>
+    <path d="M4.8859 13.0222C4.98932 13.0598 5.09275 13.0598 5.12722 13.0974C5.16169 13.1349 5.05828 13.2477 4.85144 13.3604L4.8859 13.0222Z" fill="#CE1126"/>
+    <path d="M4.8859 13.0222C4.98932 13.0598 5.09275 13.0598 5.12722 13.0974C5.16169 13.1349 5.05828 13.2477 4.85144 13.3604L4.8859 13.0222Z" fill="#B50027"/>
+    <path d="M3.78269 14.0366C3.74822 13.9614 3.95505 13.8487 4.23083 13.736C4.36873 13.6984 4.43767 13.6232 4.57556 13.5857C4.95477 13.3978 5.23057 13.2099 5.19609 13.1348C5.23057 13.1348 5.23056 13.5105 5.23056 13.5105C5.26503 13.5857 5.02373 13.7736 4.679 13.9614C4.57558 14.0366 4.33425 14.1117 4.23083 14.1493C4.024 14.2245 3.85164 14.3748 3.85164 14.4123L3.78269 14.0366Z" fill="#B50027"/>
+    <path d="M4.16183 12.6838C4.23077 12.6462 4.29971 12.6086 4.26524 12.5335C4.26524 12.4959 4.19629 12.4959 4.12734 12.4959L4.02393 12.5335L4.12734 12.7965H4.16183H4.19629L4.16183 12.6838ZM4.09288 12.5335C4.16182 12.4959 4.16182 12.5335 4.19629 12.5711C4.19629 12.6086 4.1963 12.6086 4.16183 12.6462H4.12734L4.09288 12.5335ZM4.43761 12.4207H4.40312H4.36866L4.43761 12.7214L4.60997 12.6838C4.60997 12.6838 4.60997 12.6838 4.60997 12.6462C4.5755 12.6462 4.54103 12.6838 4.50656 12.6838L4.43761 12.4207ZM4.78234 12.6838C4.81681 12.5711 4.85128 12.4583 4.88575 12.3832C4.88575 12.3832 4.88576 12.3832 4.85129 12.3832C4.85129 12.3832 4.85127 12.3832 4.8168 12.3832C4.78233 12.4583 4.78232 12.5335 4.74785 12.6086C4.71338 12.5335 4.67891 12.4583 4.64444 12.3832H4.60997H4.57548C4.64443 12.4959 4.67891 12.5711 4.71339 12.6838C4.74786 12.6838 4.78234 12.6838 4.78234 12.6838ZM5.19602 12.4583C5.19602 12.4583 5.19601 12.4207 5.23048 12.4207C5.23048 12.4207 5.196 12.3832 5.16153 12.3832C5.09258 12.3832 5.05812 12.4208 5.02365 12.4583C5.02365 12.5711 5.16153 12.571 5.16153 12.6086C5.16153 12.6462 5.12705 12.6462 5.09258 12.6462C5.05811 12.6462 5.02365 12.6086 5.02365 12.6086C5.02365 12.6086 5.02364 12.6462 4.98916 12.6462C5.02364 12.6462 5.02364 12.6838 5.05811 12.6838C5.12706 12.6838 5.19602 12.6462 5.19602 12.6086C5.19602 12.4959 5.05811 12.4959 5.05811 12.4583C5.05811 12.4208 5.09259 12.4207 5.12707 12.4207C5.16154 12.4207 5.16154 12.4208 5.19602 12.4583Z" fill="#9F7E00"/>
+    <path d="M5.19606 15.7275C5.12711 15.7275 5.05817 15.7275 5.02369 15.6899C4.98922 15.6523 4.92027 15.6523 4.85133 15.6523C4.78238 15.6523 4.71344 15.6523 4.67896 15.6899C4.64449 15.7275 4.57554 15.7275 4.5066 15.7275C4.43765 15.7275 4.36871 15.7275 4.33423 15.6899C4.29976 15.6523 4.23081 15.6523 4.16187 15.6523C4.09292 15.6523 4.02398 15.6523 3.9895 15.6899C3.95503 15.7275 3.88608 15.7275 3.81714 15.7275V15.8402C3.88608 15.8402 3.95503 15.8402 3.9895 15.8026C4.02398 15.7651 4.09292 15.7651 4.16187 15.7651C4.23081 15.7651 4.26529 15.7651 4.33423 15.8026C4.36871 15.8402 4.43765 15.8402 4.5066 15.8402C4.57554 15.8402 4.64449 15.8402 4.67896 15.8026C4.71344 15.7651 4.78238 15.7651 4.85133 15.7651C4.92027 15.7651 4.98922 15.7651 5.02369 15.8026C5.05817 15.8402 5.12711 15.8402 5.19606 15.8402V15.7275Z" fill="#005BBF"/>
+    <path d="M5.19606 15.7275C5.12711 15.7275 5.05817 15.7275 5.02369 15.6899C4.98922 15.6523 4.92027 15.6523 4.85133 15.6523C4.78238 15.6523 4.71344 15.6523 4.67896 15.6899C4.64449 15.7275 4.57554 15.7275 4.5066 15.7275C4.43765 15.7275 4.36871 15.7275 4.33423 15.6899C4.29976 15.6523 4.23081 15.6523 4.16187 15.6523C4.09292 15.6523 4.02398 15.6523 3.9895 15.6899C3.95503 15.7275 3.88608 15.7275 3.81714 15.7275V15.8402C3.88608 15.8402 3.95503 15.8402 3.9895 15.8026C4.02398 15.7651 4.09292 15.7651 4.16187 15.7651C4.23081 15.7651 4.26529 15.7651 4.33423 15.8026C4.36871 15.8402 4.43765 15.8402 4.5066 15.8402C4.57554 15.8402 4.64449 15.8402 4.67896 15.8026C4.71344 15.7651 4.78238 15.7651 4.85133 15.7651C4.92027 15.7651 4.98922 15.7651 5.02369 15.8026C5.05817 15.8402 5.12711 15.8402 5.19606 15.8402V15.7275Z" fill="#0044AD"/>
+    <path d="M5.19606 15.8403C5.12711 15.8403 5.05817 15.8403 5.02369 15.8027C4.98922 15.7651 4.92027 15.7651 4.85133 15.7651C4.78238 15.7651 4.71344 15.7651 4.67896 15.8027C4.64449 15.8403 4.57554 15.8403 4.5066 15.8403C4.43765 15.8403 4.36871 15.8403 4.33423 15.8027C4.29976 15.7651 4.23081 15.7651 4.16187 15.7651C4.09292 15.7651 4.02398 15.7651 3.9895 15.8027C3.95503 15.8403 3.88608 15.8403 3.81714 15.8403V15.953C3.88608 15.953 3.95503 15.953 3.9895 15.9154C4.02398 15.8779 4.09292 15.8779 4.16187 15.8779C4.23081 15.8779 4.26529 15.8779 4.33423 15.9154C4.36871 15.953 4.43765 15.953 4.5066 15.953C4.57554 15.953 4.64449 15.953 4.67896 15.9154C4.71344 15.8779 4.78238 15.8779 4.85133 15.8779C4.92027 15.8779 4.98922 15.8779 5.02369 15.9154C5.05817 15.953 5.12711 15.953 5.19606 15.953V15.8403Z" fill="#B2B2B2"/>
+    <path d="M5.19606 15.9528C5.12711 15.9528 5.05817 15.9528 5.02369 15.9153C4.98922 15.8777 4.92027 15.8777 4.85133 15.8777C4.78238 15.8777 4.71344 15.8777 4.67896 15.9153C4.64449 15.9528 4.57554 15.9528 4.5066 15.9528C4.43765 15.9528 4.36871 15.9528 4.33423 15.9153C4.29976 15.8777 4.23081 15.8777 4.16187 15.8777C4.09292 15.8777 4.02398 15.8777 3.9895 15.9153C3.95503 15.9528 3.88608 15.9528 3.81714 15.9528V16.0656C3.88608 16.0656 3.95503 16.0656 3.9895 16.028C4.02398 15.9904 4.09292 15.9904 4.16187 15.9904C4.23081 15.9904 4.26529 15.9904 4.33423 16.028C4.36871 16.0656 4.43765 16.0656 4.5066 16.0656C4.57554 16.0656 4.64449 16.0656 4.67896 16.028C4.71344 15.9904 4.78238 15.9904 4.85133 15.9904C4.92027 15.9904 4.98922 15.9904 5.02369 16.028C5.05817 16.0656 5.12711 16.0656 5.19606 16.0656V15.9528Z" fill="#005BBF"/>
+    <path d="M5.19606 15.9528C5.12711 15.9528 5.05817 15.9528 5.02369 15.9153C4.98922 15.8777 4.92027 15.8777 4.85133 15.8777C4.78238 15.8777 4.71344 15.8777 4.67896 15.9153C4.64449 15.9528 4.57554 15.9528 4.5066 15.9528C4.43765 15.9528 4.36871 15.9528 4.33423 15.9153C4.29976 15.8777 4.23081 15.8777 4.16187 15.8777C4.09292 15.8777 4.02398 15.8777 3.9895 15.9153C3.95503 15.9528 3.88608 15.9528 3.81714 15.9528V16.0656C3.88608 16.0656 3.95503 16.0656 3.9895 16.028C4.02398 15.9904 4.09292 15.9904 4.16187 15.9904C4.23081 15.9904 4.26529 15.9904 4.33423 16.028C4.36871 16.0656 4.43765 16.0656 4.5066 16.0656C4.57554 16.0656 4.64449 16.0656 4.67896 16.028C4.71344 15.9904 4.78238 15.9904 4.85133 15.9904C4.92027 15.9904 4.98922 15.9904 5.02369 16.028C5.05817 16.0656 5.12711 16.0656 5.19606 16.0656V15.9528Z" fill="#0044AD"/>
+    <path d="M5.19606 16.1784C5.12711 16.1784 5.05817 16.1784 5.02369 16.1408C4.98922 16.1032 4.92027 16.1032 4.85133 16.1032C4.78238 16.1032 4.71344 16.1032 4.67896 16.1408C4.64449 16.1784 4.57554 16.1784 4.5066 16.1784C4.43765 16.1784 4.36871 16.1784 4.33423 16.1408C4.29976 16.1032 4.23081 16.1032 4.16187 16.1032C4.09292 16.1032 4.02398 16.1032 3.9895 16.1408C3.95503 16.1784 3.88608 16.1784 3.81714 16.1784V16.0656C3.88608 16.0656 3.95503 16.0656 3.9895 16.0281C4.02398 15.9905 4.09292 15.9905 4.16187 15.9905C4.23081 15.9905 4.26529 15.9905 4.33423 16.0281C4.36871 16.0656 4.43765 16.0656 4.5066 16.0656C4.57554 16.0656 4.64449 16.0656 4.67896 16.0281C4.71344 15.9905 4.78238 15.9905 4.85133 15.9905C4.92027 15.9905 4.98922 15.9905 5.02369 16.0281C5.05817 16.0656 5.12711 16.0656 5.19606 16.0656V16.1784Z" fill="#B2B2B2"/>
+    <path d="M5.19606 16.2911C5.12711 16.2911 5.05817 16.2911 5.02369 16.2536C4.98922 16.216 4.92027 16.216 4.85133 16.216C4.78238 16.216 4.71344 16.216 4.67896 16.2536C4.64449 16.2911 4.57554 16.2911 4.5066 16.2911C4.43765 16.2911 4.36871 16.2911 4.33423 16.2536C4.29976 16.216 4.23081 16.216 4.16187 16.216C4.09292 16.216 4.02398 16.216 3.9895 16.2536C3.95503 16.2911 3.88608 16.2911 3.81714 16.2911V16.1784C3.88608 16.1784 3.95503 16.1784 3.9895 16.1408C4.02398 16.1033 4.09292 16.1033 4.16187 16.1033C4.23081 16.1033 4.26529 16.1033 4.33423 16.1408C4.36871 16.1784 4.43765 16.1784 4.5066 16.1784C4.57554 16.1784 4.64449 16.1784 4.67896 16.1408C4.71344 16.1033 4.78238 16.1033 4.85133 16.1033C4.92027 16.1033 4.98922 16.1033 5.02369 16.1408C5.05817 16.1784 5.12711 16.1784 5.19606 16.1784V16.2911Z" fill="#005BBF"/>
+    <path d="M5.19606 16.2911C5.12711 16.2911 5.05817 16.2911 5.02369 16.2536C4.98922 16.216 4.92027 16.216 4.85133 16.216C4.78238 16.216 4.71344 16.216 4.67896 16.2536C4.64449 16.2911 4.57554 16.2911 4.5066 16.2911C4.43765 16.2911 4.36871 16.2911 4.33423 16.2536C4.29976 16.216 4.23081 16.216 4.16187 16.216C4.09292 16.216 4.02398 16.216 3.9895 16.2536C3.95503 16.2911 3.88608 16.2911 3.81714 16.2911V16.1784C3.88608 16.1784 3.95503 16.1784 3.9895 16.1408C4.02398 16.1033 4.09292 16.1033 4.16187 16.1033C4.23081 16.1033 4.26529 16.1033 4.33423 16.1408C4.36871 16.1784 4.43765 16.1784 4.5066 16.1784C4.57554 16.1784 4.64449 16.1784 4.67896 16.1408C4.71344 16.1033 4.78238 16.1033 4.85133 16.1033C4.92027 16.1033 4.98922 16.1033 5.02369 16.1408C5.05817 16.1784 5.12711 16.1784 5.19606 16.1784V16.2911Z" fill="#0044AD"/>
+    <path d="M7.72905 16.3662C7.16263 16.3662 6.63162 16.2159 6.13601 15.9529C5.782 15.765 5.56958 15.3892 5.56958 14.9759V13.4353H9.85311V14.9759C9.85311 15.3892 9.64069 15.765 9.28668 15.9529C8.82647 16.2159 8.29546 16.3662 7.72905 16.3662Z" fill="#B2B2B2"/>
+    <path d="M7.74695 15.0135C7.74695 15.6147 7.26433 16.1032 6.67829 16.1032C6.09225 16.1032 5.60962 15.6147 5.60962 15.0135V13.4729H7.74695V15.0135Z" fill="#B50027"/>
+    <path d="M6.05786 15.9155C6.12681 15.9531 6.23021 16.0282 6.29916 16.0282V13.3979H6.05786V15.9155Z" fill="#9F7E00"/>
+    <path d="M5.57532 14.9761C5.57532 15.3143 5.71321 15.5397 5.81663 15.69V13.3979H5.57532V14.9761Z" fill="#9F7E00"/>
+    <path d="M6.54053 16.1034C6.64395 16.1034 6.7129 16.1034 6.78184 16.1034V13.3979H6.54053V16.1034ZM6.98867 16.0282C7.09209 15.9906 7.19551 15.9531 7.22999 15.9155V13.3979H6.98867V16.0282ZM7.50577 15.69C7.60919 15.5773 7.71261 15.3519 7.74708 15.0888V13.3979H7.50577V15.69Z" fill="#9F7E00"/>
+    <path d="M5.57532 13.4355H7.71265V10.8428H5.57532V13.4355Z" fill="#B50027"/>
+    <path d="M6.02344 12.947V12.7591H6.1958V12.4209V12.0827H6.09239V11.97C6.09239 11.9324 6.09239 11.8573 6.09239 11.8197V11.7445H6.12685C6.12685 11.7445 6.16133 11.7445 6.1958 11.7445H6.23029V11.5943H6.16134V11.5567C6.16134 11.5191 6.16134 11.4815 6.16134 11.4439V11.4064H6.23029V11.4439C6.23029 11.4815 6.23028 11.4815 6.26475 11.4815C6.29923 11.4815 6.29922 11.4815 6.29922 11.4439V11.4064H6.40265V11.4439C6.40265 11.4815 6.40264 11.4815 6.43712 11.4815C6.43712 11.4815 6.47158 11.4815 6.47158 11.4439H6.54053V11.6318H6.43712V11.707V11.7821H6.57502V11.3688H6.50607V11.1809H6.57502V11.2185V11.2561H6.60948C6.60948 11.2561 6.60948 11.2561 6.60948 11.2185V11.1809H6.7129C6.7129 11.2185 6.71291 11.2185 6.74738 11.2185C6.78186 11.2185 6.78185 11.2185 6.78185 11.1809H6.8508V11.3688H6.78185V11.7821H6.88526V11.6318H6.81631V11.5567C6.81631 11.5191 6.81631 11.4815 6.81631 11.4439V11.4064H6.8508H6.88526V11.4439C6.88526 11.4815 6.88527 11.4815 6.91975 11.4815C6.95422 11.4815 6.95421 11.4815 6.95421 11.4439V11.4064H6.98868H7.02316H7.05763V11.4439H7.09211C7.12659 11.4439 7.12658 11.4439 7.12658 11.4064C7.12658 11.4064 7.12657 11.4064 7.16104 11.3688H7.19553V11.5567H7.16104H7.12658H7.09211V11.707H7.12658C7.16105 11.707 7.19553 11.707 7.19553 11.707H7.22999V11.7821C7.22999 11.8197 7.22999 11.8948 7.22999 11.9324V12.0076H7.19553H7.16104V12.6839H7.22999H7.29894V13.0597H6.02344V12.947Z" fill="#2B1100"/>
+    <path d="M6.1958 12.0826V12.759H6.02344V13.1347H7.26448V12.759H7.09211V12.0826H6.1958Z" fill="#9F7E00"/>
+    <path d="M6.02344 13.1349H7.26448ZM6.02344 13.0597H7.26448ZM6.02344 12.947H7.26448ZM6.02344 12.8719H7.26448ZM6.02344 12.7967H7.26448ZM6.23029 12.684H7.12658ZM6.1958 12.6088H7.09211ZM6.1958 12.5337H7.09211ZM6.1958 12.421H7.09211ZM6.1958 12.3458H7.09211Z" fill="#9F7E00"/>
+    <path d="M6.91962 12.1578V12.233ZM6.19568 12.1578H7.09199Z" fill="#9F7E00"/>
+    <path d="M6.1959 12.947V12.8718ZM6.12695 12.947V13.0221Z" fill="#9F7E00"/>
+    <path d="M6.40263 12.7966V12.7214ZM6.40263 12.6087V12.5336ZM6.29919 12.8717V12.759Z" fill="#9F7E00"/>
+    <path d="M6.29919 12.6087V12.6838ZM6.47156 12.6087V12.6838ZM6.64392 12.6087V12.6838ZM6.57499 12.6087V12.5336ZM6.64392 12.4208V12.496ZM6.57499 12.1578V12.2329ZM6.64392 12.0826V12.1578ZM6.47156 12.0826V12.1578ZM6.29919 12.0826V12.1578ZM7.12655 13.1347V13.0596ZM7.12655 12.9469V12.8717ZM7.1955 12.9469V13.022ZM7.02314 13.0596V12.9844ZM6.91972 12.7966V12.7214ZM6.91972 12.6087V12.5336Z" fill="#9F7E00"/>
+    <path d="M6.85085 12.6088V12.684ZM6.74744 12.6088V12.5337ZM6.74744 12.3458V12.421Z" fill="#9F7E00"/>
+    <path d="M6.74732 12.1578V12.2329ZM6.85073 12.0826V12.1578ZM7.0231 12.0826V12.1578ZM6.57495 12.4208V12.3457Z" fill="#9F7E00"/>
+    <path d="M6.85425 13.143V12.9175C6.85425 12.8799 6.81978 12.7296 6.68189 12.7296C6.50952 12.7296 6.50952 12.8799 6.50952 12.9175V13.143H6.85425Z" fill="#9F7E00"/>
+    <path d="M6.75061 12.9552H6.92298V12.8801L6.85403 12.7674L6.71615 12.8425C6.75062 12.9176 6.75061 12.9552 6.75061 12.9552ZM6.71615 12.8425L6.75061 12.6922H6.57825L6.61271 12.8425C6.64718 12.8049 6.68167 12.8049 6.71615 12.8425ZM6.85403 12.5043V12.3165C6.85403 12.2789 6.8885 12.2037 6.95744 12.2037C7.02639 12.2037 7.06088 12.2413 7.06088 12.3165V12.5043H6.85403Z" fill="#9F7E00"/>
+    <path d="M6.40601 13.0304H6.57837V13.1431H6.40601V13.0304Z" fill="#9F7E00"/>
+    <path d="M6.75074 13.0303H6.9231V13.1054H6.75074V13.0303ZM6.57837 12.9551H6.40601V12.88L6.44047 12.8048L6.57837 12.88C6.57837 12.9175 6.57837 12.9175 6.57837 12.9551Z" fill="#9F7E00"/>
+    <path d="M6.29919 12.5337V12.3458C6.29919 12.3082 6.33368 12.233 6.40263 12.233C6.47158 12.233 6.50604 12.2706 6.50604 12.3458V12.5337H6.29919Z" fill="#9F7E00"/>
+    <path d="M6.26465 11.5941H6.43701V12.1202H6.26465V11.5941ZM6.57491 11.3687H6.74728V12.1202H6.57491V11.3687ZM6.85069 11.5941H7.02306V12.1202H6.85069V11.5941Z" fill="#9F7E00"/>
+    <path d="M6.57516 11.8197H6.74752ZM6.57516 11.8948H6.74752ZM6.85094 11.6318H7.0233ZM6.85094 11.7445H7.0233ZM6.85094 11.8197H7.0233ZM6.8854 11.8948H7.05777ZM6.95435 11.6318V11.5942ZM6.95435 11.8197V11.7445ZM6.95435 11.97V11.8948ZM6.26489 11.8197H6.43726ZM6.26489 11.8948H6.43726Z" fill="#9F7E00"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.12695 12.0828V11.7446H6.26485L6.29932 11.7822V11.9325H6.40275V11.7822L6.43722 11.7446H6.54063L6.57512 11.7822V11.9325H6.67853V11.7822L6.713 11.7446H6.81641L6.8509 11.7822V11.9325H6.95431V11.7822L6.98878 11.7446H7.12668V12.0828H6.12695Z" fill="#9F7E00"/>
+    <path d="M6.12695 12.0077H7.19563ZM6.1959 12.0077V12.0828ZM6.40275 12.0077V12.0828Z" fill="#9F7E00"/>
+    <path d="M6.74748 12.0075V12.0827ZM6.91985 12.0075V12.0827ZM7.12668 12.0075V12.0827ZM6.29932 11.8948V11.97ZM6.29932 11.8197H6.12695ZM6.29932 11.9324H6.12695ZM6.60958 11.8197H6.43722ZM6.91985 11.8197H6.74748ZM7.19563 11.8197H7.02326ZM6.60958 11.9324H6.43722ZM6.91985 11.9324H6.74748ZM7.19563 11.9324H7.02326ZM6.1959 11.8197V11.8948ZM6.47168 11.9324V12.0075ZM6.57512 11.8197V11.8948ZM6.74748 11.8197V11.8948ZM7.12668 11.8197V11.9324ZM6.47168 11.7821V11.8197Z" fill="#9F7E00"/>
+    <path d="M6.74738 13.1348V12.9469C6.74738 12.9094 6.74736 12.8342 6.64394 12.8342C6.54052 12.8342 6.54053 12.9094 6.54053 12.9469V13.1348H6.74738Z" fill="#0044AD"/>
+    <path d="M6.98867 12.4961V12.3458C6.98867 12.3082 6.98868 12.2706 6.95421 12.2706C6.91974 12.2706 6.91974 12.3082 6.91974 12.3458V12.4961H6.98867ZM6.43711 12.4961V12.3458C6.43711 12.3082 6.43712 12.2706 6.40265 12.2706C6.36818 12.2706 6.36816 12.3082 6.36816 12.3458V12.4961H6.43711Z" fill="#0044AD"/>
+    <path d="M6.57495 11.7444H6.74732ZM6.57495 11.6317H6.74732ZM6.57495 11.5565H6.74732ZM6.57495 11.4814H6.74732ZM6.57495 11.4062H6.74732ZM6.64388 11.4814V11.4062Z" fill="#9F7E00"/>
+    <path d="M6.64384 11.8197V11.7445ZM6.64384 11.97V11.8948ZM6.26465 11.6318H6.43701ZM6.26465 11.7445H6.43701ZM6.3336 11.6318V11.5942ZM6.3336 11.8197V11.7445Z" fill="#9F7E00"/>
+    <path d="M6.50598 11.1809V11.3688H6.85071V11.1809H6.78176V11.2185H6.71281V11.1809H6.6094V11.2185H6.54045V11.1809H6.50598Z" fill="#9F7E00"/>
+    <path d="M6.50598 11.2937H6.85071ZM6.64386 11.3689V11.2937Z" fill="#DEAD00"/>
+    <path d="M6.16125 11.4062V11.5941H6.50598V11.4062H6.43703V11.4438H6.36808V11.4062H6.26467V11.4438H6.19572V11.4062H6.16125Z" fill="#9F7E00"/>
+    <path d="M6.16125 11.519H6.50598ZM6.33362 11.5942V11.519Z" fill="#DEAD00"/>
+    <path d="M6.78174 11.4062V11.5941H7.12647V11.4062H7.05752V11.4438H6.98857V11.4062H6.88515V11.4438H6.8162V11.4062H6.78174Z" fill="#9F7E00"/>
+    <path d="M6.78174 11.519H7.12647ZM6.9541 11.5942V11.519Z" fill="#DEAD00"/>
+    <path d="M9.8844 13.4353V14.9759C9.8844 15.5771 9.40179 16.0656 8.81574 16.0656C8.2297 16.0656 7.74707 15.5771 7.74707 14.9759V13.4353H9.8844Z" fill="#B60028"/>
+    <path d="M8.05733 13.6233C7.98839 13.6233 7.91943 13.6984 7.91943 13.736C7.91943 13.7736 7.95391 13.8488 7.98838 13.8488V14.0366L7.91943 14.0742V14.2996L7.98838 14.3372V14.2621V14.1494H8.05733V13.8863L8.29865 14.1869L8.26416 14.2621L8.40206 14.4124L8.47101 14.3748L8.67784 14.6003C8.67784 14.6003 8.67784 14.6003 8.67784 14.6378H8.53994L8.50548 14.5627H8.29865L8.26416 14.6378H8.12628C8.12628 14.6003 8.09181 14.5627 8.05733 14.5627V14.2996H7.98838V14.3748V14.5627C7.95391 14.5627 7.91943 14.6002 7.91943 14.6754C7.91943 14.6754 7.91943 14.6754 7.91943 14.713C7.91943 14.7881 7.9539 14.8257 8.02285 14.8257V14.9384L7.95392 14.976V15.2015L8.02285 15.239C8.02285 15.3142 8.05733 15.3518 8.05733 15.4269C8.02286 15.4645 8.02286 15.5772 8.05733 15.6148C8.09181 15.6524 8.12628 15.6524 8.16075 15.6524C8.19522 15.6899 8.22969 15.7275 8.26416 15.7651L8.2297 15.8402C8.29864 15.8778 8.33312 15.9154 8.40206 15.953L8.47101 15.8778C8.50549 15.8778 8.57442 15.9154 8.60889 15.9154C8.60889 15.9906 8.67785 16.0281 8.74679 16.0281C8.81574 16.0281 8.8502 15.9906 8.88467 15.9154C8.91915 15.9154 8.9881 15.8778 9.02257 15.8778C9.05705 15.8778 9.05705 15.8778 9.09152 15.8402L9.05704 15.7651C9.09151 15.7651 9.126 15.7275 9.16047 15.6899L9.19494 15.7651C9.16046 15.8027 9.126 15.8027 9.09152 15.8402C9.05705 15.8402 9.05705 15.8402 9.02257 15.8778L9.09152 15.953C9.16047 15.9154 9.22941 15.8778 9.26389 15.8402V15.7651C9.29836 15.7275 9.33283 15.6899 9.3673 15.6524C9.40178 15.6524 9.43624 15.6524 9.47072 15.6148C9.53966 15.5772 9.53966 15.5021 9.47072 15.4269C9.50519 15.3893 9.5052 15.3142 9.5052 15.239L9.57413 15.2015V14.976L9.5052 14.9384V14.8257C9.53968 14.8257 9.60862 14.7506 9.60862 14.713C9.60862 14.713 9.60862 14.713 9.60862 14.6754C9.60862 14.6378 9.57414 14.6002 9.53967 14.5627V14.3748L9.60862 14.3372V14.1118L9.53967 14.0742V13.8863C9.57414 13.8863 9.64308 13.8112 9.64308 13.7736C9.64308 13.6985 9.57415 13.6609 9.5052 13.6609C9.43626 13.6609 9.40177 13.6984 9.40177 13.736H9.19494V13.8112H9.05704V13.736H8.85021C8.85021 13.6984 8.78127 13.6609 8.74679 13.6609C8.71232 13.6609 8.64338 13.6984 8.64338 13.736H8.47101V13.8112H8.33311V13.736H8.12628C8.16076 13.6609 8.09181 13.6233 8.05733 13.6233Z" fill="#9F7E00"/>
+    <path d="M8.33313 13.6233L8.29867 13.6984H8.57445L8.53996 13.6233H8.33313ZM9.05706 13.6233L9.02259 13.6984H9.29837L9.26391 13.6233H9.05706ZM8.05735 13.6609C8.09183 13.6609 8.1263 13.6984 8.1263 13.6984C8.1263 13.736 8.09183 13.736 8.05735 13.736C8.02288 13.736 7.9884 13.6984 7.9884 13.6984C7.9884 13.6984 8.02288 13.6609 8.05735 13.6609Z" fill="#C8B100"/>
+    <path d="M8.16064 13.7737H8.29854L8.33301 13.8488H8.53984L8.57432 13.7737H8.7122C8.7122 13.8113 8.74668 13.8488 8.78115 13.8488V13.9616L8.7122 13.9991V14.2246L8.78115 14.2622V14.5628L8.57432 14.3373L8.60879 14.2622L8.47091 14.0743L8.40196 14.1118L8.16064 13.7737Z" fill="#B50027"/>
+    <path d="M8.91919 13.7737H9.05707L9.09156 13.8488H9.29839L9.33287 13.7737H9.47075L9.22944 14.0743L9.16051 14.0367L9.02261 14.2246L9.05707 14.2997L9.09156 14.2622L9.16051 14.1494L9.22944 14.187L9.09156 14.3373L9.16051 14.3749L9.29839 14.187L9.26392 14.1118L9.50524 13.8112V13.9991L9.43629 14.0367V14.2622L9.50524 14.2997V14.4876C9.47076 14.4876 9.43629 14.5252 9.43629 14.5628H9.29839L9.26392 14.4876H9.05707L9.02261 14.5628H8.91919V14.5252L9.09156 14.2997L9.12602 14.2622L9.05707 14.2246L8.81578 14.5252V14.1494H8.74683V14.0367H8.81578V14.2246L8.88471 14.187V13.9616L8.81578 13.924V13.8112C8.88472 13.8488 8.91919 13.8113 8.91919 13.7737Z" fill="#B50027"/>
+    <path d="M8.09167 14.0742V14.3373L8.16062 14.2997V14.0742H8.09167Z" fill="#C8B100"/>
+    <path d="M9.53952 14.1118H9.60847V14.2246H9.53952V14.1118ZM8.43638 14.1494L8.50533 14.2621L8.43638 14.2997L8.36743 14.187L8.43638 14.1494Z" fill="#B50027"/>
+    <path d="M8.05727 14.6002C8.09175 14.6002 8.09174 14.6002 8.09174 14.6378C8.09174 14.6378 8.09174 14.6378 8.09174 14.6754C8.09174 14.7129 8.05726 14.7129 8.02279 14.7129C7.98831 14.7129 7.95386 14.6754 7.95386 14.6754C7.95386 14.6754 7.95386 14.6754 7.95386 14.6378C7.98833 14.6002 8.0228 14.6002 8.05727 14.6002ZM9.57407 14.6002C9.60854 14.6002 9.60856 14.6002 9.60856 14.6378C9.60856 14.6378 9.60856 14.6378 9.60856 14.6754C9.60856 14.7129 9.57408 14.7129 9.53961 14.7129C9.50513 14.7129 9.47066 14.6754 9.47066 14.6754C9.47066 14.6754 9.47066 14.6754 9.47066 14.6378C9.5396 14.6002 9.5396 14.6002 9.57407 14.6002Z" fill="#C8B100"/>
+    <path d="M8.3675 14.6002H8.5054V14.6754H8.71222C8.71222 14.6754 8.71222 14.6754 8.71222 14.7129L8.53986 14.9384L8.47093 14.9008L8.33303 15.0887L8.3675 15.1638L8.22962 15.3517C8.19514 15.3517 8.19514 15.3517 8.16067 15.3517C8.12619 15.3142 8.1262 15.239 8.1262 15.2014C8.1262 15.1638 8.1262 15.1638 8.1262 15.1263H8.05725C8.05725 15.0887 8.05725 15.0887 8.05725 15.0511V14.976H8.1262V15.0511C8.1262 15.0887 8.1262 15.0887 8.1262 15.1263C8.1262 15.1638 8.1262 15.1638 8.1262 15.2014L8.19513 15.1638C8.19513 15.1638 8.19513 15.0135 8.19513 15.0511C8.19513 15.0887 8.19513 14.9384 8.19513 14.9384L8.1262 14.9008V14.7881C8.16067 14.7881 8.19513 14.7505 8.19513 14.7129H8.40198V14.6002H8.3675ZM9.1259 14.6002H9.26381V14.6754H9.47063C9.47063 14.7129 9.50511 14.7505 9.53958 14.7505V14.8632L9.47063 14.9008C9.47063 14.9008 9.47063 15.0511 9.47063 15.0135C9.47063 14.976 9.47063 15.1263 9.47063 15.1263L9.53958 15.1638C9.53958 15.2014 9.50512 15.2766 9.50512 15.3141C9.47065 15.3141 9.47064 15.3141 9.43617 15.3141L9.29827 15.1263L9.33276 15.0511L9.19485 14.8632L9.1259 14.9008L8.95354 14.6754C8.95354 14.6754 8.95354 14.6754 8.95354 14.6378H9.1259V14.6002Z" fill="#B50027"/>
+    <path d="M9.60871 14.976V14.7881C9.64319 14.7881 9.71213 14.713 9.71213 14.6754C9.71213 14.6002 9.67766 14.5627 9.60871 14.5627V14.2996H9.53976V14.5627C9.50529 14.5627 9.47081 14.6003 9.47081 14.6378H9.26398V14.713H9.47081C9.47081 14.7506 9.50529 14.7881 9.53976 14.7881V14.976H9.60871ZM9.60871 13.8488V14.1118H9.53976V13.8488L9.26398 14.1869L9.19503 14.1494L9.47081 13.7736H9.26398V13.6984H9.47081C9.47081 13.6609 9.53976 13.6233 9.57423 13.6233C9.64317 13.6233 9.71213 13.6984 9.71213 13.736C9.67766 13.7736 9.64319 13.8488 9.60871 13.8488ZM8.8503 13.8488V13.999H8.78135V13.8488C8.74688 13.8488 8.7124 13.8112 8.7124 13.7736H8.54004V13.6984H8.7124C8.7124 13.6609 8.78137 13.6233 8.81584 13.6233C8.85031 13.6233 8.91925 13.6609 8.91925 13.6984H9.12608V13.7736H8.91925C8.91925 13.8112 8.88478 13.8488 8.8503 13.8488ZM9.19503 15.2015L9.12608 15.239L8.9882 15.0887L9.02267 15.0136L9.19503 15.2015Z" fill="#9F7E00"/>
+    <path d="M8.57424 13.7736L8.53976 13.8488H8.33293L8.29846 13.7736H8.57424ZM8.57424 13.6984L8.53976 13.6233H8.33293L8.29846 13.6984H8.57424Z" fill="#9F7E00"/>
+    <path d="M8.40188 15.2014L8.47083 15.2389L8.60871 15.0886L8.57424 15.0135L8.40188 15.2014ZM8.33293 15.1262L8.29846 15.051L8.43634 14.9008L8.50529 14.9383L8.33293 15.1262Z" fill="#9F7E00"/>
+    <path d="M8.40216 15.6524L8.36768 15.7275C8.29873 15.69 8.22979 15.6148 8.19531 15.5772C8.16084 15.5772 8.12637 15.5772 8.0919 15.5397C8.02295 15.5021 8.02295 15.4269 8.0919 15.3518C8.05743 15.2766 8.02295 15.2015 8.02295 15.0887H8.0919C8.0919 15.1639 8.12638 15.239 8.12638 15.3142C8.16086 15.3142 8.16084 15.3142 8.19531 15.3142L8.40216 15.0887L8.47111 15.1263L8.26426 15.3518C8.29874 15.3894 8.29874 15.4645 8.26426 15.5021C8.29874 15.5772 8.33322 15.6148 8.40216 15.6524Z" fill="#9F7E00"/>
+    <path d="M8.33293 15.6147C8.40187 15.6899 8.47082 15.7274 8.57424 15.765L8.60871 15.6899C8.53976 15.6523 8.47082 15.6147 8.40188 15.5771L8.33293 15.6147ZM8.29846 15.6899C8.36741 15.7274 8.43634 15.8026 8.53976 15.8402L8.47083 15.9153C8.40188 15.8778 8.33293 15.8402 8.29846 15.8026V15.6899Z" fill="#9F7E00"/>
+    <path d="M7.9883 14.9761V14.7882C7.95383 14.7882 7.88489 14.713 7.88489 14.6754C7.88489 14.6003 7.91936 14.5627 7.9883 14.5627V14.2997H8.05725V14.5627C8.09173 14.5627 8.1262 14.6003 8.1262 14.6379H8.33303V14.713H8.1262C8.1262 14.7506 8.09173 14.7882 8.05725 14.7882V14.9761H7.9883Z" fill="#9F7E00"/>
+    <path d="M8.02285 15.1639L7.95392 15.1263V14.9008L8.02285 14.8633V14.976C7.98838 15.0887 8.02285 15.1263 8.02285 15.1639ZM8.0918 14.9008L8.16075 14.9384C8.16075 14.9384 8.16075 15.0887 8.16075 15.0511C8.16075 15.0136 8.16075 15.1639 8.16075 15.1639L8.0918 15.2014C8.0918 15.1639 8.0918 15.1263 8.0918 15.0511V14.9008ZM7.98838 14.0366L7.91943 14.0742V14.2996L7.98838 14.3372V14.0366ZM8.0918 14.0366L8.16075 14.0742V14.2996L8.0918 14.3372V14.0366ZM8.29865 14.6003L8.33311 14.5251H8.53994L8.57443 14.6003H8.29865Z" fill="#9F7E00"/>
+    <path d="M8.29846 14.6754L8.33293 14.7506H8.53976L8.57424 14.6754H8.29846Z" fill="#DEAD00"/>
+    <path d="M8.91915 15.7651C8.9881 15.7651 9.02257 15.7276 9.09152 15.7276L9.12598 15.8027C9.05704 15.8403 8.9881 15.8403 8.91915 15.8778C8.91915 15.953 8.8502 15.9906 8.78125 15.9906C8.71231 15.9906 8.67785 15.953 8.64337 15.8778C8.57443 15.8778 8.50547 15.8403 8.43652 15.8027L8.47101 15.7276C8.53995 15.7651 8.6089 15.7651 8.64337 15.7651C8.64337 15.7276 8.67783 15.69 8.7123 15.69V15.3518H8.78125V15.69C8.88467 15.69 8.91915 15.7276 8.91915 15.7651Z" fill="#9F7E00"/>
+    <path d="M9.26386 15.6148C9.19491 15.69 9.12596 15.7276 9.02255 15.7651L8.98808 15.69C9.05703 15.6524 9.12596 15.6148 9.19491 15.5773L9.26386 15.6148ZM9.29833 15.69C9.22938 15.7275 9.16043 15.8027 9.05701 15.8403L9.12596 15.9154C9.19491 15.8779 9.26385 15.8403 9.29833 15.8027V15.69ZM8.85018 15.4269L8.91913 15.3894V15.1639L8.85018 15.1263V15.4269ZM8.78123 15.4269L8.71228 15.3894V15.1639L8.78123 15.1263V15.4269Z" fill="#9F7E00"/>
+    <path d="M9.05701 13.7736L9.09149 13.8488H9.29832L9.33281 13.7736H9.05701ZM9.05701 13.6984L9.09149 13.6233H9.29832L9.33281 13.6984H9.05701Z" fill="#9F7E00"/>
+    <path d="M8.29846 14.6754L8.33293 14.7506H8.53976L8.57424 14.6754H8.29846Z" fill="#9F7E00"/>
+    <path d="M9.05701 14.6754L9.09149 14.7506H9.29832L9.33281 14.6754H9.05701Z" fill="#DEAD00"/>
+    <path d="M8.74677 14.7506V15.1264L8.67782 15.164V15.3894L8.74677 15.427V15.69C8.7123 15.69 8.67782 15.7276 8.67782 15.7651C8.64335 15.7651 8.60887 15.7652 8.53992 15.7276L8.57441 15.6524C8.50546 15.6149 8.4365 15.5773 8.36756 15.5397L8.29863 15.5773C8.29863 15.5773 8.33308 15.6148 8.36756 15.6148C8.33308 15.6148 8.3331 15.5773 8.29863 15.5773C8.26415 15.5397 8.22966 15.5021 8.19519 15.5021C8.22966 15.4645 8.22966 15.3894 8.19519 15.3518L8.33309 15.164L8.40204 15.2015L8.53992 15.0136L8.50546 14.9385L8.74677 14.7506ZM8.85019 14.7506L9.05701 15.0136L9.12596 14.9761L9.19492 15.0888L9.12596 15.1264L9.05701 15.0136L9.02255 14.9761L8.98809 15.0512L9.12596 15.2391L9.19492 15.2015L9.33282 15.3894C9.29834 15.427 9.29834 15.5021 9.33282 15.5397C9.29834 15.5773 9.26385 15.6148 9.22938 15.6148C9.22938 15.6148 9.19492 15.6524 9.16045 15.6524C9.19492 15.6524 9.19491 15.6148 9.22938 15.6148L9.16045 15.5773C9.0915 15.6148 9.02255 15.6524 8.9536 15.69L8.98809 15.7651C8.95361 15.7651 8.91912 15.8027 8.88465 15.8027C8.88465 15.7651 8.85019 15.7276 8.81572 15.7276V15.4646L8.88465 15.427V15.2015L8.81572 15.164L8.85019 14.7506ZM9.60859 14.9761V15.0512C9.60859 15.0888 9.60859 15.0888 9.60859 15.1264H9.53964C9.53964 15.0888 9.53964 15.0888 9.53964 15.0512V14.9761H9.60859Z" fill="#B50027"/>
+    <path d="M8.47087 14.976L8.5398 15.0135L8.47087 15.1262L8.40192 15.0887L8.47087 14.976ZM8.78111 15.239H8.85006V15.3517H8.78111V15.239ZM8.40192 15.6523C8.43639 15.6899 8.47086 15.6899 8.50533 15.7275L8.47087 15.8026C8.43639 15.8026 8.4019 15.765 8.36743 15.7275L8.40192 15.6523Z" fill="#B50027"/>
+    <path d="M8.71224 14.7129L8.50541 14.6753V14.6002H8.71224C8.71224 14.6002 8.71224 14.6002 8.71224 14.5626L8.47095 14.262L8.53988 14.2244L8.78119 14.525V14.1493H8.85014V14.525L9.09146 14.2244L9.16041 14.262L8.91909 14.5626V14.6002H9.09146V14.6753H8.91909C8.91909 14.6753 8.91909 14.6753 8.91909 14.7129L9.12592 14.976L9.05697 15.0135L8.85014 14.7505V15.2014H8.78119V14.7505L8.53988 15.0135L8.47095 14.976L8.71224 14.7129Z" fill="#9F7E00"/>
+    <path d="M8.09182 15.3893C8.12629 15.3517 8.16077 15.3517 8.16077 15.3893C8.19524 15.4269 8.19524 15.4269 8.16077 15.4644C8.1263 15.502 8.09182 15.502 8.09182 15.4644C8.09182 15.4644 8.09182 15.4269 8.09182 15.3893ZM7.9884 14.6378C7.9884 14.6002 8.02288 14.6002 8.05735 14.6002C8.09183 14.6002 8.1263 14.6378 8.1263 14.6378C8.1263 14.6754 8.09183 14.6754 8.05735 14.6754C8.02288 14.7129 7.9884 14.6754 7.9884 14.6378Z" fill="#B50027"/>
+    <path d="M9.19505 15.6524L9.22951 15.7275C9.29846 15.69 9.36741 15.6148 9.40188 15.5772C9.43635 15.5772 9.47084 15.5772 9.50531 15.5397C9.57426 15.5021 9.57426 15.4269 9.50531 15.3518C9.53979 15.2766 9.57424 15.2015 9.57424 15.0887H9.50531C9.50531 15.1639 9.47083 15.239 9.47083 15.3142C9.43636 15.3142 9.43635 15.3142 9.40188 15.3142L9.19505 15.0887L9.1261 15.1263L9.33295 15.3518C9.29848 15.3894 9.29848 15.4645 9.33295 15.5021C9.29848 15.5772 9.26399 15.6148 9.19505 15.6524Z" fill="#9F7E00"/>
+    <path d="M9.50508 15.3893C9.47061 15.3517 9.43613 15.3517 9.43613 15.3893C9.40166 15.4268 9.40166 15.4268 9.43613 15.4644C9.47061 15.502 9.50508 15.502 9.50508 15.4644C9.50508 15.4644 9.50508 15.4268 9.50508 15.3893Z" fill="#B50027"/>
+    <path d="M9.60865 15.1639L9.6776 15.1263V14.9008L9.60865 14.8633V14.976C9.60865 15.0887 9.60865 15.1263 9.60865 15.1639ZM9.5397 14.9008L9.47075 14.9384C9.47075 14.9384 9.47075 15.0887 9.47075 15.0511C9.47075 15.0136 9.47075 15.1639 9.47075 15.1639L9.5397 15.2014C9.5397 15.1639 9.5397 15.1263 9.5397 15.0511V14.9008ZM9.5397 14.0366L9.47075 14.0742V14.2996L9.5397 14.3372V14.0366ZM9.60865 14.0366L9.6776 14.0742V14.2996L9.60865 14.3372V14.0366ZM9.26392 15.1263L9.29838 15.0511L9.1605 14.9008L9.09155 14.9384L9.26392 15.1263Z" fill="#9F7E00"/>
+    <path d="M9.50513 14.6378C9.50513 14.6002 9.53958 14.6002 9.57406 14.6002C9.60853 14.6002 9.64301 14.6378 9.64301 14.6378C9.64301 14.6754 9.60853 14.6754 9.57406 14.6754C9.53958 14.7129 9.50513 14.6754 9.50513 14.6378Z" fill="#B50027"/>
+    <path d="M9.29836 14.6004L9.2639 14.5253H9.05705L9.02258 14.6004H9.29836ZM9.29836 14.6756L9.2639 14.7507H9.05705L9.02258 14.6756H9.29836Z" fill="#9F7E00"/>
+    <path d="M8.74683 15.8027C8.74683 15.7651 8.7813 15.7651 8.81578 15.7651C8.85025 15.7651 8.88471 15.8027 8.88471 15.8027C8.88471 15.8403 8.85025 15.8403 8.81578 15.8403C8.7813 15.8779 8.74683 15.8403 8.74683 15.8027ZM9.50524 13.7361C9.50524 13.6985 9.53969 13.6985 9.57416 13.6985C9.60864 13.6985 9.64311 13.7361 9.64311 13.7361C9.64311 13.7736 9.60864 13.7736 9.57416 13.7736C9.53969 13.7736 9.50524 13.7736 9.50524 13.7361ZM8.74683 13.7361C8.74683 13.6985 8.7813 13.6985 8.81578 13.6985C8.85025 13.6985 8.88471 13.7361 8.88471 13.7361C8.88471 13.7736 8.85025 13.7736 8.81578 13.7736C8.7813 13.7736 8.74683 13.7736 8.74683 13.7361Z" fill="#B50027"/>
+    <path d="M8.0918 13.8488L8.36758 14.1869L8.43653 14.1494L8.16075 13.8112V13.7736H8.36758V13.6984H8.16075C8.16075 13.6609 8.09181 13.6233 8.05733 13.6233C7.98839 13.6233 7.91943 13.6984 7.91943 13.736C7.91943 13.7736 7.95391 13.8488 7.98838 13.8488V14.1118H8.05733L8.0918 13.8488Z" fill="#9F7E00"/>
+    <path d="M8.40212 14.1118L8.47107 14.0742L8.60895 14.2245L8.57449 14.2997L8.40212 14.1118ZM8.33317 14.1494L8.29871 14.2245L8.43659 14.3748L8.50554 14.3373L8.33317 14.1494Z" fill="#9F7E00"/>
+    <path d="M8.78123 13.9614L8.71228 13.999V14.2245L8.78123 14.262V13.9614ZM8.85018 13.9614L8.91913 13.999V14.2245L8.85018 14.262V13.9614Z" fill="#9F7E00"/>
+    <path d="M8.67773 14.638C8.67773 14.5628 8.74669 14.5253 8.81563 14.5253C8.88458 14.5253 8.95351 14.6004 8.95351 14.638C8.95351 14.7131 8.88458 14.7507 8.81563 14.7507C8.74669 14.7883 8.67773 14.7131 8.67773 14.638Z" fill="#006F46"/>
+    <path d="M7.85046 13.4355H8.02283V13.3979H7.85046V13.4355Z" fill="#C8B100"/>
+    <path d="M7.85046 13.4355H8.02283V13.3979H7.85046V13.4355Z" fill="#DEAD00"/>
+    <path d="M7.85059 15.6899C7.95401 15.7274 7.98849 15.8026 7.98849 15.8777C7.98849 15.9905 7.88507 16.0656 7.74717 16.0656C7.60928 16.0656 7.50586 15.9905 7.50586 15.8777C7.50586 15.8026 7.54034 15.6899 7.64376 15.6899C7.64376 15.6899 7.64376 15.6899 7.64376 15.6523L7.6093 15.6147C7.6093 15.6147 7.64375 15.6147 7.67822 15.6147C7.7127 15.6147 7.71271 15.6523 7.71271 15.6523C7.71271 15.6523 7.7127 15.6147 7.74717 15.6147L7.78166 15.5771C7.78166 15.5771 7.81612 15.5771 7.81612 15.6147V15.6523C7.81612 15.6523 7.85059 15.6523 7.85059 15.6147H7.88507C7.88507 15.6147 7.85059 15.6523 7.85059 15.6899Z" fill="#F6CB7E"/>
+    <path d="M7.74714 16.1783C7.74714 16.1783 7.57477 16.0656 7.50582 16.0281C7.4024 15.9905 7.299 16.0281 7.26453 16.0281C7.26453 16.0281 7.33346 16.0656 7.33346 16.1032C7.36793 16.1408 7.43688 16.1783 7.47136 16.1783C7.60925 16.2535 7.74714 16.1783 7.74714 16.1783ZM7.78162 16.2159C7.78162 16.2159 7.88503 16.1032 7.98845 16.0656C8.12634 16.028 8.19528 16.0656 8.26423 16.1032C8.26423 16.1032 8.22975 16.1408 8.19528 16.1408C8.16081 16.1408 8.12633 16.2159 8.02291 16.2159C7.9195 16.2159 7.81609 16.2159 7.81609 16.2159H7.78162Z" fill="#006F46"/>
+    <path d="M7.71259 16.0281C7.67811 15.9906 7.6781 15.953 7.6781 15.8778C7.6781 15.8027 7.71258 15.7651 7.74705 15.6899C7.78152 15.7275 7.816 15.8027 7.816 15.8778C7.816 15.953 7.81601 15.9906 7.78154 16.0281H7.71259Z" fill="#B50027"/>
+    <path d="M7.71265 16.2911C7.71265 16.2911 7.74711 16.216 7.74711 16.1784C7.74711 16.1408 7.74711 16.0657 7.74711 16.0657H7.7816C7.7816 16.0657 7.7816 16.1032 7.7816 16.1784C7.7816 16.216 7.7816 16.2911 7.7816 16.2911H7.74711C7.71264 16.2911 7.71265 16.2911 7.71265 16.2911Z" fill="#006F46"/>
+    <path d="M7.71265 13.4355H9.84997V10.8428H7.71265V13.4355Z" fill="#B2B2B2"/>
+    <path d="M9.05703 13.0971C9.05703 13.0971 9.02256 13.1347 9.05703 13.1347C9.05703 13.1723 9.09152 13.1723 9.09152 13.1723V13.1347H9.12598C9.12598 13.1347 9.12598 13.1347 9.05703 13.0971ZM9.19493 13.1347C9.19493 13.1347 9.19493 13.1723 9.19493 13.2099C9.22941 13.2474 9.2294 13.2474 9.2294 13.2474C9.2294 13.2474 9.19492 13.2098 9.2294 13.1723C9.2294 13.1347 9.26388 13.1347 9.26388 13.1347C9.26388 13.1347 9.22941 13.1347 9.19493 13.1347ZM8.81574 11.519V11.4814C8.81574 11.4814 8.74678 11.4814 8.7123 11.4814C8.67783 11.4814 8.64336 11.4438 8.60889 11.4062C8.57442 11.3687 8.57441 11.3687 8.53994 11.3687C8.47099 11.3687 8.43652 11.3687 8.43652 11.3687C8.43652 11.3687 8.471 11.3687 8.50547 11.4438C8.53995 11.4814 8.57442 11.519 8.57442 11.519C8.6089 11.519 8.67783 11.519 8.7123 11.519C8.78125 11.519 8.81574 11.519 8.81574 11.519Z" fill="#B50027"/>
+    <path d="M9.16053 11.4439C9.16053 11.4439 9.16053 11.4815 9.16053 11.5191C9.16053 11.5567 9.16053 11.5943 9.16053 11.5943V11.6318V11.6694C9.16053 11.6694 9.16052 11.6694 9.12605 11.6318C9.12605 11.6318 9.12606 11.6318 9.09158 11.5943V11.6318C9.09158 11.6318 9.09157 11.6694 9.12605 11.707C9.12605 11.707 9.16053 11.7446 9.16053 11.7821C9.16053 11.8197 9.16053 11.8573 9.16053 11.8573L9.12605 11.8197L9.0571 11.7821C9.0571 11.7821 9.09158 11.8197 9.09158 11.8573C9.09158 11.8948 9.09158 11.9324 9.09158 11.9324C9.09158 11.9324 9.09157 11.8949 9.0571 11.8949C9.02262 11.8573 9.02263 11.8573 9.02263 11.8573C9.02263 11.8573 9.0571 11.8948 9.0571 11.9324C9.0571 11.97 9.0571 12.0451 9.0571 12.0451C9.0571 12.0451 9.05711 12.0076 9.02263 12.0076C9.02263 12.0452 9.02264 12.1203 9.09158 12.233C9.12606 12.3082 9.19501 12.4209 9.3329 12.3833C9.47079 12.3458 9.40183 12.1579 9.40183 12.0451C9.36735 11.97 9.36736 11.8573 9.36736 11.8197C9.36736 11.7821 9.40183 11.6694 9.40183 11.6694C9.40183 11.6318 9.40183 11.5943 9.40183 11.5191C9.40183 11.444 9.43631 11.444 9.43631 11.4064C9.43631 11.3688 9.4363 11.3688 9.47078 11.3312C9.47078 11.2937 9.47078 11.2561 9.47078 11.2561C9.47078 11.2561 9.50526 11.2937 9.50526 11.3312V11.4064C9.50526 11.4064 9.50525 11.3688 9.53973 11.3312C9.5742 11.2937 9.60867 11.2936 9.64314 11.2561V11.2185C9.64314 11.2185 9.64315 11.2937 9.60868 11.3312C9.60868 11.3688 9.53973 11.4439 9.53973 11.4439C9.53973 11.4439 9.5742 11.4439 9.60868 11.4439C9.64315 11.4439 9.64314 11.4439 9.64314 11.4439C9.64314 11.4439 9.60866 11.4815 9.57419 11.5191C9.53972 11.5567 9.53973 11.5943 9.53973 11.6318C9.50525 11.6694 9.50525 11.6694 9.47078 11.707C9.4363 11.7446 9.4363 11.8948 9.47078 11.9324C9.47078 11.97 9.57419 12.1579 9.57419 12.1955C9.57419 12.233 9.57421 12.3457 9.50526 12.4209C9.47079 12.4585 9.36736 12.4585 9.36736 12.4961C9.33289 12.4961 9.29841 12.5336 9.29841 12.6464C9.29841 12.7215 9.3329 12.7591 9.3329 12.7591C9.36737 12.7967 9.36735 12.7591 9.40183 12.7967C9.40183 12.7967 9.40184 12.8342 9.43631 12.8342V12.8718L9.40183 12.947C9.40183 12.9845 9.36736 13.0597 9.36736 13.0597C9.36736 13.0597 9.36736 13.0973 9.36736 13.1348C9.36736 13.1348 9.40184 13.1724 9.36736 13.21H9.3329C9.29842 13.21 9.29841 13.2476 9.29841 13.2476C9.29841 13.2476 9.29841 13.2476 9.29841 13.21V13.2476L9.26395 13.21C9.26395 13.21 9.22946 13.21 9.22946 13.1724C9.22946 13.1724 9.22947 13.1348 9.26395 13.1348C9.26395 13.1348 9.29841 13.1348 9.29841 13.0973H9.26395H9.22946V13.0597C9.22946 13.0597 9.19499 13.0221 9.22946 13.0221C9.26393 13.0221 9.26394 13.0221 9.29841 13.0221C9.33288 13.0221 9.3329 13.0221 9.3329 12.9845C9.3329 12.9845 9.3329 12.947 9.3329 12.9094C9.3329 12.8718 9.29841 12.8718 9.29841 12.8718V12.8342C9.29841 12.8342 9.29841 12.8718 9.29841 12.9094V12.947C9.29841 12.947 9.29842 12.9094 9.26395 12.9094L9.22946 12.8342C9.22946 12.8342 9.22946 12.8718 9.22946 12.9094C9.22946 12.9094 9.26393 12.947 9.22946 12.947L9.195 12.9094L9.16053 12.8718C9.16053 12.8342 9.12605 12.8342 9.12605 12.7967V12.7215C9.12605 12.6839 9.16053 12.6839 9.16053 12.6839H9.09158C9.05711 12.6839 9.02263 12.6839 9.02263 12.6839C9.02263 12.7215 9.02263 12.7591 9.02263 12.8342C9.02263 12.9094 9.0571 12.9094 9.0571 12.947L9.02263 12.9845H8.98817C8.98817 12.9845 8.95369 12.9845 8.91922 12.9845C8.88474 12.9845 8.88474 12.9845 8.85027 12.9845H8.8158C8.8158 12.9845 8.78132 12.9845 8.78132 13.0221C8.78132 13.0597 8.78133 13.0597 8.74685 13.0597H8.71237C8.71237 13.0597 8.6779 13.0597 8.6779 13.0221C8.6779 12.9845 8.6779 12.9845 8.6779 12.9845V12.947H8.64344C8.64344 12.947 8.60895 12.9845 8.60895 12.947L8.57449 12.9094C8.57449 12.8718 8.54001 12.8718 8.57449 12.8718C8.60896 12.8718 8.64344 12.9094 8.64344 12.8718V12.8342C8.64344 12.8342 8.60897 12.7967 8.64344 12.7967C8.67791 12.7967 8.6779 12.7967 8.6779 12.7591L8.71237 12.7215C8.74684 12.7215 8.71238 12.7591 8.74685 12.7967C8.78133 12.8342 8.78132 12.8342 8.85027 12.8342C8.88474 12.8342 8.91922 12.8342 8.91922 12.7967C8.91922 12.7591 8.91922 12.7591 8.91922 12.7591V12.7215C8.91922 12.7215 8.88473 12.7215 8.88473 12.7591L8.85027 12.7967V12.7591C8.85027 12.7591 8.8158 12.7215 8.8158 12.6839C8.8158 12.6464 8.8158 12.6088 8.8158 12.5712C8.8158 12.5712 8.85027 12.4961 8.91922 12.4961C8.98816 12.4961 9.02263 12.4961 9.02263 12.4961C9.05711 12.4961 9.12605 12.4961 9.12605 12.4961C9.12605 12.4961 8.98816 12.4209 8.95368 12.4209C8.91921 12.3833 8.88474 12.3458 8.85027 12.3082C8.85027 12.2706 8.8158 12.233 8.8158 12.233H8.78132C8.74684 12.233 8.74684 12.2706 8.71237 12.2706L8.6779 12.3082C8.6779 12.3082 8.6779 12.2706 8.6779 12.233V12.1955C8.6779 12.1955 8.67791 12.2706 8.64344 12.2706C8.60897 12.3082 8.57449 12.3082 8.57449 12.3082V12.2706V12.233C8.57449 12.233 8.54001 12.2706 8.50554 12.2706C8.47106 12.2706 8.43659 12.2706 8.43659 12.3082C8.43659 12.3458 8.43659 12.3458 8.43659 12.3833L8.40212 12.4209H8.36764H8.33317V12.3833L8.36764 12.3458H8.33317H8.29871C8.29871 12.3082 8.29871 12.3082 8.29871 12.3082V12.2706C8.29871 12.2706 8.33316 12.2706 8.36764 12.2706C8.36764 12.2706 8.36765 12.233 8.33317 12.233C8.2987 12.233 8.29871 12.1955 8.29871 12.1955C8.29871 12.1955 8.2987 12.1955 8.33317 12.1579C8.33317 12.1579 8.33316 12.1203 8.36764 12.1203C8.40211 12.1203 8.40212 12.1579 8.40212 12.1579C8.4366 12.1579 8.47106 12.1579 8.50554 12.1579C8.50554 12.1579 8.54001 12.1203 8.57449 12.1203L8.64344 12.0827L8.60895 12.0451L8.57449 12.0076L8.50554 11.97C8.47106 11.97 8.43659 11.9324 8.43659 11.9324H8.47107L8.50554 11.8949C8.50554 11.8949 8.47106 11.8949 8.43659 11.8949C8.43659 11.8949 8.40211 11.8573 8.36764 11.8573H8.33317C8.33317 11.8573 8.36765 11.8197 8.40212 11.8197C8.4366 11.8197 8.43659 11.8197 8.43659 11.8197C8.43659 11.8197 8.40212 11.8197 8.40212 11.7821L8.36764 11.7445C8.36764 11.7445 8.36765 11.707 8.33317 11.707H8.29871C8.29871 11.707 8.26422 11.707 8.26422 11.6694C8.26422 11.6318 8.26422 11.6694 8.26422 11.6318C8.26422 11.6318 8.22975 11.5943 8.26422 11.5943C8.2987 11.5943 8.33317 11.5943 8.33317 11.5943L8.29871 11.5567L8.26422 11.5191C8.26422 11.5191 8.29871 11.5191 8.29871 11.4815C8.29871 11.4815 8.2987 11.4439 8.33317 11.4439C8.33317 11.4439 8.36764 11.5191 8.36764 11.4815V11.4439V11.4064L8.40212 11.4439C8.4366 11.4439 8.43659 11.4439 8.43659 11.4439C8.43659 11.4439 8.4366 11.4815 8.40212 11.4815C8.40212 11.4815 8.36765 11.5191 8.40212 11.5567C8.40212 11.5942 8.43659 11.5943 8.43659 11.6318C8.47106 11.6318 8.50554 11.6694 8.50554 11.6694C8.54001 11.6694 8.57448 11.7445 8.60895 11.7445C8.64343 11.7445 8.64344 11.7445 8.64344 11.7445H8.6779C8.71238 11.7445 8.78132 11.7445 8.78132 11.7445C8.81579 11.7445 8.85028 11.707 8.8158 11.707C8.8158 11.6694 8.74685 11.6694 8.74685 11.6318C8.74685 11.6318 8.78133 11.5943 8.8158 11.5943C8.85028 11.5943 8.88473 11.5942 8.88473 11.5567C8.88473 11.5191 8.88474 11.4815 8.85027 11.4815C8.81579 11.4815 8.78133 11.4815 8.74685 11.4439C8.74685 11.4064 8.74685 11.4064 8.74685 11.4064C8.74685 11.4064 8.78133 11.4064 8.8158 11.4064C8.85028 11.4064 8.88473 11.4064 8.88473 11.4064C8.88473 11.4064 8.88474 11.3688 8.91922 11.3688H8.98817C8.98817 11.3688 9.05711 11.4064 9.09158 11.4439C9.09158 11.3688 9.16053 11.4439 9.16053 11.4439Z" fill="#D85AAC"/>
+    <path d="M8.22974 11.4064H8.2642H8.29869V11.3689C8.29869 11.3313 8.22974 11.2937 8.22974 11.2937V11.3313C8.22974 11.3689 8.22974 11.4064 8.22974 11.4064Z" fill="#DB4446"/>
+    <path d="M8.22974 11.4064H8.2642H8.29869V11.3689C8.29869 11.3313 8.22974 11.2937 8.22974 11.2937V11.3313C8.22974 11.3689 8.22974 11.4064 8.22974 11.4064Z" fill="#B50027"/>
+    <path d="M8.1263 11.4438C8.1263 11.4438 8.09183 11.4062 8.05735 11.4062C8.02288 11.4062 7.9884 11.4438 7.9884 11.4438C7.9884 11.4438 8.02288 11.4438 8.05735 11.4438L8.09182 11.4814C8.09182 11.4814 8.09183 11.4814 8.1263 11.4438Z" fill="#DB4446"/>
+    <path d="M8.1263 11.4438C8.1263 11.4438 8.09183 11.4062 8.05735 11.4062C8.02288 11.4062 7.9884 11.4438 7.9884 11.4438C7.9884 11.4438 8.02288 11.4438 8.05735 11.4438L8.09182 11.4814C8.09182 11.4814 8.09183 11.4814 8.1263 11.4438Z" fill="#B50027"/>
+    <path d="M8.0919 11.5942C8.0919 11.5942 8.05744 11.5942 8.05744 11.6318C8.02296 11.6694 8.05744 11.707 8.05744 11.707L8.0919 11.6694H8.12639C8.12639 11.6694 8.0919 11.6318 8.0919 11.5942Z" fill="#DB4446"/>
+    <path d="M8.0919 11.5942C8.0919 11.5942 8.05744 11.5942 8.05744 11.6318C8.02296 11.6694 8.05744 11.707 8.05744 11.707L8.0919 11.6694H8.12639C8.12639 11.6694 8.0919 11.6318 8.0919 11.5942Z" fill="#B50027"/>
+    <path d="M8.19533 12.0453C8.19533 12.0453 8.16087 12.0077 8.16087 12.0453C8.1264 12.0453 8.09192 12.0829 8.09192 12.0829H8.1264L8.16087 12.1204C8.16087 12.1204 8.16086 12.0828 8.19533 12.0453Z" fill="#DB4446"/>
+    <path d="M8.19533 12.0453C8.19533 12.0453 8.16087 12.0077 8.16087 12.0453C8.1264 12.0453 8.09192 12.0829 8.09192 12.0829H8.1264L8.16087 12.1204C8.16087 12.1204 8.16086 12.0828 8.19533 12.0453Z" fill="#B50027"/>
+    <path d="M8.16087 12.1954H8.1264C8.09193 12.233 8.09192 12.2706 8.09192 12.2706C8.09192 12.2706 8.1264 12.233 8.1264 12.2706H8.16087V12.233C8.16087 12.1954 8.16087 12.1954 8.16087 12.1954Z" fill="#DB4446"/>
+    <path d="M8.16087 12.1954H8.1264C8.09193 12.233 8.09192 12.2706 8.09192 12.2706C8.09192 12.2706 8.1264 12.233 8.1264 12.2706H8.16087V12.233C8.16087 12.1954 8.16087 12.1954 8.16087 12.1954Z" fill="#B50027"/>
+    <path d="M8.22974 12.3082C8.22974 12.3082 8.22974 12.3458 8.22974 12.3834C8.22974 12.421 8.2642 12.4209 8.2642 12.4209V12.3834V12.3458C8.2642 12.3458 8.26421 12.3082 8.22974 12.3082Z" fill="#DB4446"/>
+    <path d="M8.22974 12.3082C8.22974 12.3082 8.22974 12.3458 8.22974 12.3834C8.22974 12.421 8.2642 12.4209 8.2642 12.4209V12.3834V12.3458C8.2642 12.3458 8.26421 12.3082 8.22974 12.3082Z" fill="#B50027"/>
+    <path d="M8.5401 12.6464C8.5401 12.6464 8.50564 12.6088 8.47117 12.6088C8.4367 12.6088 8.40222 12.6464 8.40222 12.6464H8.43669L8.47117 12.6839C8.47117 12.6839 8.50563 12.6839 8.5401 12.6464Z" fill="#DB4446"/>
+    <path d="M8.5401 12.6464C8.5401 12.6464 8.50564 12.6088 8.47117 12.6088C8.4367 12.6088 8.40222 12.6464 8.40222 12.6464H8.43669L8.47117 12.6839C8.47117 12.6839 8.50563 12.6839 8.5401 12.6464Z" fill="#B50027"/>
+    <path d="M8.43667 12.759C8.43667 12.759 8.40219 12.759 8.36772 12.759C8.33324 12.7966 8.33325 12.8342 8.33325 12.8342L8.36772 12.7966C8.40219 12.7966 8.4022 12.7966 8.4022 12.7966C8.4022 12.7966 8.43667 12.8342 8.43667 12.759Z" fill="#DB4446"/>
+    <path d="M8.43667 12.759C8.43667 12.759 8.40219 12.759 8.36772 12.759C8.33324 12.7966 8.33325 12.8342 8.33325 12.8342L8.36772 12.7966C8.40219 12.7966 8.4022 12.7966 8.4022 12.7966C8.4022 12.7966 8.43667 12.8342 8.43667 12.759Z" fill="#B50027"/>
+    <path d="M8.53998 12.9094C8.53998 12.9094 8.50551 12.947 8.53998 12.947C8.53998 12.9846 8.57447 12.9846 8.57447 12.9846C8.57447 12.9846 8.57447 12.9846 8.57447 12.947L8.60893 12.9094H8.53998Z" fill="#DB4446"/>
+    <path d="M8.53998 12.9094C8.53998 12.9094 8.50551 12.947 8.53998 12.947C8.53998 12.9846 8.57447 12.9846 8.57447 12.9846C8.57447 12.9846 8.57447 12.9846 8.57447 12.947L8.60893 12.9094H8.53998ZM9.05707 12.9846C9.05707 12.9846 9.02262 12.9846 8.98814 12.9846C8.95367 12.9846 8.95366 13.0597 8.95366 13.0597C8.95366 13.0597 8.98814 13.0221 9.02261 13.0221C9.05708 13.0221 9.05707 13.0221 9.05707 13.0221C9.05707 13.0221 9.05707 13.0221 9.05707 12.9846Z" fill="#B50027"/>
+    <path d="M9.05715 12.9846C9.05715 12.9846 9.02269 12.9846 8.98822 12.9846C8.95375 12.9846 8.95374 13.0598 8.95374 13.0598C8.95374 13.0598 8.98821 13.0222 9.02269 13.0222C9.05716 13.0222 9.05715 13.0222 9.05715 13.0222C9.05715 13.0222 9.05715 13.0222 9.05715 12.9846Z" fill="#B50027"/>
+    <path d="M9.11353 11.2211C9.07905 11.2587 9.07907 11.2587 9.0446 11.2587C9.0446 11.2587 9.0446 11.2587 9.0446 11.2211C9.0446 11.2211 9.04459 11.2211 9.01011 11.2211V11.1835H8.97565C8.94117 11.1835 8.94116 11.146 8.94116 11.1084C8.94116 11.1084 8.94116 11.146 8.94116 11.1835C8.94116 11.2211 8.94116 11.2211 8.94116 11.2211C8.97564 11.2211 9.01012 11.2587 9.07906 11.2963C9.11354 11.3339 9.148 11.3714 9.18248 11.409C9.18248 11.409 9.21696 11.409 9.21696 11.3714C9.25144 11.3714 9.28589 11.3714 9.28589 11.3714C9.28589 11.3714 9.21696 11.3714 9.21696 11.3338V11.2963H9.18248C9.18248 11.2963 9.18248 11.2963 9.18248 11.2587C9.18248 11.2587 9.18249 11.2587 9.14801 11.2587C9.11354 11.2963 9.11353 11.2587 9.11353 11.2211C9.11353 11.2587 9.11353 11.2587 9.11353 11.2211Z" fill="#9F7E00"/>
+    <path d="M9.14793 11.3714C9.14793 11.3339 9.11345 11.3339 9.14793 11.3714C9.11345 11.3714 9.11345 11.3339 9.14793 11.3714Z" fill="#9F7E00"/>
+    <path d="M9.04462 11.1084C9.07909 11.146 9.07909 11.146 9.04462 11.1084Z" fill="#9F7E00"/>
+    <path d="M8.94108 11.1084C8.94108 11.0708 8.90662 11.0708 8.90662 11.0708H8.94108V11.1084Z" fill="#9F7E00"/>
+    <path d="M9.28589 11.4089C9.32036 11.4089 9.35484 11.4089 9.35484 11.4089V11.3713C9.28589 11.3713 9.28589 11.4089 9.28589 11.4089Z" fill="#9F7E00"/>
+    <path d="M8.88452 11.3313C8.91899 11.3313 8.88452 11.3689 8.88452 11.3313C8.91899 11.3689 8.91899 11.3689 8.88452 11.3313C8.91899 11.3313 8.91899 11.3313 8.88452 11.3313Z" fill="white"/>
+    <path d="M7.05762 13.4354C7.05762 12.9845 7.36787 12.5712 7.74708 12.5712C8.12628 12.5712 8.43654 12.9469 8.43654 13.4354C8.43654 13.8863 8.12628 14.2996 7.74708 14.2996C7.36787 14.2996 7.05762 13.9239 7.05762 13.4354Z" fill="#CE1126"/>
+    <path d="M7.05762 13.4354C7.05762 12.9845 7.36787 12.5712 7.74708 12.5712C8.12628 12.5712 8.43654 12.9469 8.43654 13.4354C8.43654 13.8863 8.12628 14.2996 7.74708 14.2996C7.36787 14.2996 7.05762 13.9239 7.05762 13.4354Z" fill="#B50027"/>
+    <path d="M7.2644 13.4354C7.2644 13.0972 7.47123 12.7966 7.74701 12.7966C8.0228 12.7966 8.22964 13.0597 8.22964 13.4354C8.22964 13.7736 8.0228 14.0742 7.74701 14.0742C7.47123 14.0742 7.2644 13.7736 7.2644 13.4354Z" fill="#005BBF" fill-opacity="0.941"/>
+    <path d="M7.2644 13.4354C7.2644 13.0972 7.47123 12.7966 7.74701 12.7966C8.0228 12.7966 8.22964 13.0597 8.22964 13.4354C8.22964 13.7736 8.0228 14.0742 7.74701 14.0742C7.47123 14.0742 7.2644 13.7736 7.2644 13.4354Z" fill="#0044AD"/>
+    <path d="M7.50574 13.022C7.50574 13.022 7.43681 13.0971 7.43681 13.1723C7.43681 13.2474 7.47127 13.285 7.47127 13.285C7.47127 13.2474 7.4368 13.2474 7.40232 13.2474C7.36785 13.2474 7.33337 13.285 7.33337 13.3226V13.3601L7.36786 13.3977L7.40232 13.3601C7.4368 13.3601 7.43681 13.3977 7.43681 13.3977H7.36786V13.4353H7.40232L7.36786 13.5104L7.40232 13.4729L7.43681 13.5104L7.47127 13.4729L7.50574 13.5104L7.47127 13.4353H7.50574V13.3977H7.43681C7.43681 13.3602 7.47127 13.3601 7.47127 13.3601C7.50575 13.3601 7.50574 13.3602 7.50574 13.3977L7.54022 13.3601V13.3226C7.54022 13.285 7.50575 13.2474 7.47127 13.2474C7.4368 13.2474 7.4368 13.2474 7.40232 13.285C7.40232 13.285 7.43681 13.2474 7.43681 13.1723C7.5747 13.0595 7.50574 13.022 7.50574 13.022Z" fill="#9F7E00"/>
+    <path d="M7.40234 13.4353H7.57471V13.3977H7.40234V13.4353ZM7.95392 13.022C7.95392 13.022 7.88497 13.0971 7.88497 13.1723C7.88497 13.2474 7.91944 13.285 7.91944 13.285C7.91944 13.2474 7.88496 13.2474 7.85049 13.2474C7.81602 13.2474 7.78156 13.285 7.78156 13.3226V13.3601L7.81602 13.3977L7.85049 13.3601C7.88496 13.3601 7.88497 13.3977 7.88497 13.3977H7.81602V13.4353H7.85049L7.81602 13.5104L7.85049 13.4729L7.88497 13.5104L7.91944 13.4729L7.95392 13.5104L7.91944 13.4353H7.95392V13.3977H7.88497C7.88497 13.3602 7.91944 13.3601 7.91944 13.3601C7.95391 13.3601 7.95392 13.3602 7.95392 13.3977L7.98839 13.3601V13.3226C7.98839 13.285 7.95391 13.2474 7.91944 13.2474C7.88497 13.2474 7.88496 13.2474 7.85049 13.285C7.85049 13.285 7.88497 13.2474 7.88497 13.1723C8.02287 13.0595 7.95392 13.022 7.95392 13.022ZM7.74707 13.4353C7.74707 13.4353 7.67812 13.5105 7.67812 13.5856C7.67812 13.6608 7.71261 13.6983 7.71261 13.6983C7.71261 13.6607 7.67813 13.6608 7.64366 13.6608C7.60919 13.6608 7.57471 13.6983 7.57471 13.7359V13.7735L7.60919 13.811L7.64366 13.7735C7.67813 13.7735 7.67812 13.811 7.67812 13.811H7.60919V13.8486H7.64366L7.60919 13.9238L7.64366 13.8862L7.67812 13.9238L7.71261 13.8862L7.74707 13.9238L7.71261 13.8486H7.74707V13.811H7.67812C7.67812 13.7735 7.71261 13.7735 7.71261 13.7735C7.74708 13.7735 7.74707 13.7735 7.74707 13.811L7.78156 13.7735V13.7359C7.78156 13.6983 7.74708 13.6608 7.71261 13.6608C7.67814 13.6608 7.67813 13.6607 7.64366 13.6983C7.64366 13.6983 7.67812 13.6608 7.67812 13.5856C7.78154 13.5105 7.74707 13.4353 7.74707 13.4353Z" fill="#9F7E00"/>
+    <path d="M7.64368 13.8486H7.81604V13.811H7.64368V13.8486ZM7.85051 13.4353H8.02287V13.3977H7.85051V13.4353Z" fill="#9F7E00"/>
+    <path d="M10.4563 15.7447L11.4115 15.7058L11.402 15.443L10.4468 15.4819L10.4563 15.7447Z" fill="#9F7E00"/>
+    <path d="M4.07282 15.7458L5.02795 15.7069L5.01845 15.4441L4.06331 15.483L4.07282 15.7458Z" fill="#9F7E00"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="1" x2="26.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/language/fr.svg b/src/components/ImagesProvider/images/language/fr.svg
index b235487d..b9c2dbeb 100644
--- a/src/components/ImagesProvider/images/language/fr.svg
+++ b/src/components/ImagesProvider/images/language/fr.svg
@@ -1,20 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#F0F0F0" d="M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z"/>
-    <path fill="#D80027" d="M24 12A12 12 0 0 0 16.17.75v22.5A12 12 0 0 0 24 12Z"/>
-    <path fill="#0052B4" d="M0 12a12 12 0 0 0 7.83 11.25V.75A12 12 0 0 0 0 12Z"/>
-    <path fill="url(#b)" d="M0 0h24v24H0z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  <mask id="mask0_13_856" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_13_856)">
+    <path d="M0.904175 -6.17482L0.904175 30.379H8.35033L8.35033 -6.17482H0.904175Z" fill="#09388C"/>
+    <path d="M8.26257 -6.26258L8.26257 30.2913H15.7087L15.7087 -6.26258H8.26257Z" fill="white"/>
+    <path d="M15.621 -6.18105L15.621 30.3728H23.0671L23.0671 -6.18105H15.621Z" fill="#EE1C25"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="0" x2="25.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/language/pt.svg b/src/components/ImagesProvider/images/language/pt.svg
index 622d1367..441bf286 100644
--- a/src/components/ImagesProvider/images/language/pt.svg
+++ b/src/components/ImagesProvider/images/language/pt.svg
@@ -1,22 +1,123 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#6DA544" d="M0 12a12 12 0 0 0 7.83 11.25L8.87 12 7.83.75A12 12 0 0 0 0 12Z"/>
-    <path fill="#D80027" d="M24 12A12 12 0 0 0 7.83.75v22.5A12 12 0 0 0 24 12Z"/>
-    <path fill="#FFDA44" d="M7.83 16.17a4.17 4.17 0 1 0 0-8.34 4.17 4.17 0 0 0 0 8.34Z"/>
-    <path fill="#D80027" d="M5.48 9.91v2.61a2.35 2.35 0 0 0 4.7 0v-2.6h-4.7Z"/>
-    <path fill="#F0F0F0" d="M7.83 13.3a.78.78 0 0 1-.79-.78v-1.04h1.57v1.04c0 .43-.35.78-.78.78Z"/>
-    <path fill="url(#b)" d="M0 0h24v24H0z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  <mask id="mask0_13_1016" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_13_1016)">
+    <path d="M28.4153 1H-4.58472V23H28.4153V1Z" fill="#FF0000"/>
+    <path d="M8.61528 1H-4.58472V23H8.61528V1Z" fill="#006600"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0153 15.3845C11.323 15.3845 3.70764 10.646 3.70764 9.79985L4.0461 9.12292C4.72303 10.1383 12.5076 14.8768 13.3538 14.7075L13.0153 15.3845Z" fill="#FABD00"/>
+    <path d="M13.0153 15.3845C12.1692 15.3845 9.63072 14.0306 7.76918 12.846C6.7538 12.1691 5.73841 11.4922 4.89226 10.9845C4.38457 10.646 3.70764 9.96908 3.70764 9.79985L4.0461 9.12292C4.38457 9.63062 6.58456 11.1537 8.61533 12.3383C10.9846 13.6922 12.8461 14.7075 13.1846 14.7075L13.0153 15.3845ZM3.70764 9.79985C3.70764 10.1383 5.39995 11.4922 7.76918 12.846C9.63072 14.0306 12.1692 15.3845 13.0153 15.3845L13.3538 14.7075C12.8461 14.7075 10.6461 13.5229 8.78457 12.3383C6.7538 11.1537 4.5538 9.63062 4.21533 9.12292L3.70764 9.79985Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.04603 9.12294C3.8768 9.4614 6.0768 10.8153 8.61526 12.3383C11.1537 13.8614 13.3537 14.8768 13.523 14.7076V14.5383H13.3537C12.6768 14.3691 10.8153 13.5229 8.61526 12.1691C6.41526 10.8153 4.38449 9.63064 4.04603 9.12294ZM13.0153 15.3845C13.0153 15.3845 13.0153 15.3845 12.846 15.3845C12.1691 15.3845 10.3076 14.3691 8.10757 13.0153C5.5691 11.4922 3.3691 9.9691 3.53834 9.63064V9.4614C3.3691 10.1383 7.7691 12.6768 8.10757 12.846C10.8153 14.7076 12.846 15.5537 13.0153 15.3845Z" fill="#FABD00"/>
+    <path d="M13.0151 15.5538C12.8459 15.5538 12.8459 15.5538 13.0151 15.5538C12.3382 15.5538 10.4767 14.5384 8.10744 13.1845C5.23052 11.323 3.70744 10.3076 3.53821 9.96916V9.79993V9.6307C3.53821 10.1384 6.41513 11.9999 7.93821 12.8461C8.10744 12.8461 8.10744 13.0153 8.10744 13.0153C10.6459 14.5384 12.8459 15.5538 13.0151 15.2153V15.5538C13.0151 15.3845 13.0151 15.3845 13.0151 15.5538ZM3.70744 9.79993C3.53821 9.79993 3.53821 9.79993 3.70744 9.79993C3.70744 10.3076 5.23052 11.4922 8.10744 13.1845C10.3074 14.5384 12.169 15.3845 12.8459 15.5538C13.0151 15.5538 13.0151 15.5538 13.0151 15.5538C12.5074 15.723 10.1382 14.5384 8.10744 13.1845C8.10744 13.1845 8.10744 13.1845 7.93821 13.0153C5.06129 11.323 3.70744 10.1384 3.70744 9.79993ZM13.5228 14.7076C13.0151 14.7076 10.8151 13.6922 8.61513 12.3384C5.90744 10.6461 3.87667 9.46147 4.0459 8.95378C4.38436 9.46147 6.58436 10.9845 8.61513 12.1692C10.8151 13.523 12.6767 14.3692 13.5228 14.7076C13.5228 14.5384 13.6921 14.5384 13.6921 14.5384C13.6921 14.5384 13.6921 14.5384 13.5228 14.7076ZM4.0459 9.12301C3.87667 9.46147 6.41513 10.9845 8.61513 12.3384C11.3228 13.8615 13.3536 14.8769 13.5228 14.7076H13.3536C12.5074 14.5384 10.6459 13.523 8.61513 12.3384C4.89205 9.96916 4.21513 9.46147 4.0459 9.12301Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.78452 10.3075C10.4768 10.3075 12.5076 10.1383 13.6922 9.63058L13.3538 9.29211C12.6768 9.63058 10.6461 9.96904 8.61529 9.96904C6.41529 9.96904 4.72299 9.79981 4.04606 9.29211L3.87683 9.79981C5.23068 10.1383 6.75376 10.3075 8.78452 10.3075Z" fill="#FABD00"/>
+    <path d="M8.78452 10.3075C6.92299 10.3075 5.39991 10.1383 3.87683 9.63062L4.04606 9.12292C4.72299 9.63062 6.24606 9.79985 8.61529 9.79985C10.9845 9.79985 12.6768 9.46139 13.1845 9.12292L13.523 9.46139C12.8461 9.96908 11.1538 10.3075 8.78452 10.3075ZM3.87683 9.63062C5.39991 10.3075 6.75376 10.3075 8.78452 10.3075C11.1538 10.3075 12.8461 9.96908 13.6922 9.63062L13.523 9.29215C13.0153 9.63062 11.323 9.96908 8.95375 9.96908C6.58452 9.96908 5.06145 9.63062 4.38452 9.29215L3.87683 9.63062Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6922 9.63066C13.6922 9.63066 12.8461 9.96912 11.8307 10.1384C10.9845 10.3076 10.1384 10.3076 8.78452 10.3076C7.59991 10.3076 6.58452 10.3076 5.9076 10.1384C4.72298 9.96912 4.04606 9.63066 3.87683 9.63066C3.87683 9.63066 3.87683 9.63066 3.87683 9.46143C4.55375 9.79989 5.23068 9.79989 5.9076 9.96912C6.58452 10.1384 7.59991 10.1384 8.78452 10.1384C9.96914 10.1384 10.9845 9.96912 11.8307 9.96912C12.8461 9.79989 13.523 9.63066 13.6922 9.63066ZM13.523 9.12297C13.3538 9.2922 12.8461 9.46143 11.6614 9.63066C10.9845 9.79989 9.96914 9.79989 8.78452 9.79989C7.59991 9.79989 6.75375 9.79989 6.07683 9.63066C4.89222 9.46143 4.38452 9.2922 4.21529 9.12297C4.21529 9.12297 4.21529 9.12297 4.21529 8.95374C4.38452 8.95374 4.89222 9.2922 6.07683 9.46143C6.75375 9.63066 7.76914 9.63066 8.78452 9.63066C9.96914 9.63066 10.9845 9.46143 11.6614 9.46143C12.6768 9.46143 13.3538 9.12297 13.523 9.12297Z" fill="#FABD00"/>
+    <path d="M8.61533 10.3075C7.59995 10.3075 6.58457 10.3075 5.73841 10.1383C4.5538 9.96908 3.87687 9.63062 3.70764 9.63062C4.38456 9.79985 4.89226 9.96908 5.73841 10.1383C6.7538 10.1383 7.76918 10.3075 8.61533 10.3075C9.63072 10.1383 10.6461 10.1383 11.6615 9.96908C12.8461 9.79985 13.523 9.46139 13.523 9.46139V9.63062C13.523 9.63062 12.6769 9.96908 11.4923 10.1383C10.8153 10.3075 9.79995 10.3075 8.61533 10.3075ZM3.87687 9.63062C4.0461 9.79985 4.72303 9.96908 5.90764 10.1383C6.75379 10.3075 7.59995 10.3075 8.61533 10.3075C9.63072 10.3075 10.6461 10.3075 11.6615 10.1383C12.8461 9.96908 13.523 9.63062 13.523 9.63062V9.46139C13.3538 9.63062 12.8461 9.79985 11.6615 9.96908C10.6461 10.1383 9.79995 10.3075 8.61533 10.3075C7.59995 10.3075 6.58457 10.3075 5.73841 10.1383C5.06149 9.96908 4.38456 9.79985 3.87687 9.63062ZM8.61533 9.96908C7.59995 9.96908 6.58456 9.96908 5.90764 9.79985C4.89226 9.63062 4.38457 9.46139 4.0461 9.29215C4.0461 9.29215 4.0461 9.29215 3.87687 9.29215C3.87687 9.29215 3.87687 9.29216 3.87687 9.12292C4.0461 9.12292 4.5538 9.46139 5.73841 9.63062C6.58457 9.63062 7.43072 9.79985 8.61533 9.96908C8.78456 9.79985 8.61533 9.79985 8.61533 9.96908C9.96918 9.79985 10.8153 9.63062 11.4923 9.63062C12.5076 9.46139 13.1846 9.29216 13.3538 9.12292V9.29215C13.1846 9.46139 12.6769 9.63062 11.4923 9.79985C10.6461 9.79985 9.63072 9.96908 8.61533 9.96908C8.78456 9.96908 8.78456 9.96908 8.61533 9.96908ZM4.0461 9.29215C4.38457 9.46139 4.89226 9.63062 5.90764 9.79985C6.75379 9.96908 7.59995 9.96908 8.61533 9.96908C9.63072 9.96908 10.4769 9.96908 11.4923 9.79985C12.5076 9.63062 13.1846 9.46139 13.3538 9.29215V9.12292C13.1846 9.12292 12.6769 9.46139 11.4923 9.63062C10.8153 9.79985 9.96918 9.79985 8.61533 9.79985C7.43072 9.79985 6.41533 9.63062 5.90764 9.63062C4.72303 9.46139 4.21533 9.12292 4.0461 9.29215C4.0461 9.12292 4.0461 9.12292 4.0461 9.29215Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.19983 12.3383C4.21521 12.846 6.41521 13.1844 8.61521 13.1844C10.646 13.1844 13.1844 12.846 14.0306 12.3383V11.8306C13.6921 12.3383 10.9844 12.6767 8.61521 12.6767C6.24598 12.6767 3.87675 12.3383 3.19983 11.8306V12.3383Z" fill="#FABD00"/>
+    <path d="M8.78444 13.1844C5.90752 13.1844 4.04598 12.6767 3.36906 12.3383V11.8306C4.04598 12.3383 6.41521 12.6767 8.78444 12.6767C11.1537 12.6767 13.8614 12.169 14.1998 11.8306V12.3383C13.1844 12.846 10.646 13.1844 8.78444 13.1844ZM3.19983 12.3383C3.87675 12.6767 5.73829 13.1844 8.61521 13.1844C10.4768 13.1844 13.0152 12.846 14.0306 12.3383V11.8306C13.6921 12.3383 10.9844 12.6767 8.61521 12.6767C6.24598 12.6767 4.04598 12.3383 3.19983 11.8306V12.3383Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1999 12.1691C14.0306 12.5075 13.1845 12.6768 11.9999 12.846C11.1537 13.0152 9.9691 13.0152 8.61526 13.0152C7.26141 13.0152 6.24603 12.846 5.39987 12.846C4.04603 12.6768 3.19987 12.3383 3.03064 12.1691V11.9998C3.53833 12.3383 4.89218 12.5075 5.39987 12.6768C6.24603 12.846 7.26141 12.846 8.61526 12.846C9.9691 12.846 11.1537 12.6768 11.9999 12.6768C12.846 12.6768 14.0306 12.5075 14.1999 12.1691ZM14.1999 11.8306C14.0306 12.1691 13.1845 12.3383 11.9999 12.5075C11.1537 12.6768 9.9691 12.6768 8.61526 12.6768C7.26141 12.6768 6.24603 12.5075 5.39987 12.5075C4.04603 12.3383 3.19987 11.9998 3.03064 11.8306V11.6614C3.53833 11.9998 4.89218 12.1691 5.39987 12.3383C6.24603 12.5075 7.26141 12.5075 8.61526 12.5075C9.9691 12.5075 11.1537 12.3383 11.9999 12.3383C12.846 12.3383 14.0306 11.9998 14.1999 11.8306Z" fill="#FABD00"/>
+    <path d="M8.61526 13.1845C7.43064 13.1845 6.41526 13.1845 5.39987 13.0152C4.21526 12.846 3.3691 12.5075 3.03064 12.3383V12.1691C3.53833 12.5075 4.89218 12.6768 5.39987 12.846C6.41526 13.0152 7.43064 13.0152 8.61526 13.1845C9.79987 13.0152 10.9845 13.0152 11.9999 12.846C12.846 12.6768 14.0306 12.5075 14.1999 12.1691V12.3383C14.0306 12.5075 13.1845 12.846 11.9999 13.0152C10.9845 13.1845 9.9691 13.1845 8.61526 13.1845ZM3.19987 12.3383C3.3691 12.3383 4.21526 12.6768 5.39987 13.0152C6.41526 13.1845 7.43064 13.1845 8.61526 13.1845C9.79987 13.1845 10.9845 13.1845 11.9999 13.0152C13.0153 12.846 14.0306 12.5075 14.1999 12.3383V12.1691C13.8614 12.3383 12.846 12.6768 11.9999 12.846C10.9845 13.0152 9.79987 13.0152 8.61526 13.0152C7.43064 13.0152 6.41526 13.0152 5.39987 12.846C5.06141 12.846 3.70756 12.5075 3.19987 12.3383ZM8.61526 12.6768C7.43064 12.6768 6.41526 12.6768 5.39987 12.5075C4.21526 12.3383 3.3691 11.9998 3.19987 11.9998V11.8306C3.70756 12.1691 5.06141 12.3383 5.5691 12.5075C6.41526 12.5075 7.43064 12.6768 8.61526 12.6768C9.79987 12.5075 10.9845 12.5075 11.9999 12.3383C12.846 12.1691 14.0306 11.9998 14.1999 11.6614V11.8306C14.0306 11.9998 13.1845 12.3383 11.9999 12.5075C10.9845 12.6768 9.9691 12.6768 8.61526 12.6768ZM3.19987 11.8306C3.3691 11.8306 4.21526 12.1691 5.39987 12.5075C6.41526 12.6768 7.43064 12.6768 8.61526 12.6768C9.79987 12.6768 10.9845 12.6768 11.9999 12.5075C13.0153 12.3383 14.0306 11.9998 14.1999 11.8306V11.6614C13.8614 11.8306 12.846 12.1691 11.9999 12.3383C10.9845 12.5075 9.79987 12.5075 8.61526 12.5075C7.43064 12.5075 6.41526 12.5075 5.39987 12.3383C5.06141 12.3383 3.70756 12.1691 3.19987 11.8306Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61529 15.3846C6.24606 15.3846 4.21529 14.7076 3.87683 14.7076L4.21529 15.2153C4.89222 15.5538 6.92299 16.0615 8.78452 15.8923C10.6461 15.8923 12.1691 15.723 13.1845 15.2153L13.523 14.7076C12.6768 14.8769 10.1384 15.3846 8.61529 15.3846Z" fill="#FABD00"/>
+    <path d="M8.44606 15.8923C6.75375 15.8923 4.89222 15.3846 4.21529 15.2154L3.87683 14.7077H4.04606C4.72299 14.8769 6.58452 15.3846 8.61529 15.3846C10.1384 15.3846 12.6768 15.0461 13.3538 14.7077L13.0153 15.2154C11.8307 15.7231 10.1384 15.8923 8.61529 15.8923C8.61529 15.8923 8.44606 15.8923 8.44606 15.8923ZM4.21529 15.0461C5.06145 15.3846 6.92299 15.8923 8.78452 15.7231C10.4768 15.7231 11.9999 15.5538 13.1845 15.0461L13.523 14.5385C12.6768 14.8769 10.1384 15.3846 8.61529 15.3846C6.58452 15.3846 4.72299 14.8769 4.04606 14.7077H3.87683L4.21529 15.0461Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3538 14.8769L13.1846 15.0461C12.6769 15.2154 11.8307 15.3846 11.4923 15.5538C10.8153 15.7231 9.63072 15.7231 8.78457 15.7231C6.7538 15.7231 5.06149 15.2154 4.21533 14.8769V14.7077H4.38456C5.73841 15.2154 7.43072 15.3846 8.9538 15.3846C9.96918 15.3846 10.8153 15.2154 11.6615 15.2154C12.6769 15.2154 13.0153 15.0461 13.3538 14.8769ZM13.523 14.5385C13.523 14.5385 13.523 14.7077 13.3538 14.7077C13.0153 14.8769 12.3384 15.0461 11.1538 15.2154C10.4769 15.3846 9.96918 15.3846 8.61533 15.3846C5.90764 15.3846 4.21533 14.7077 3.70764 14.7077V14.5385C5.23072 14.8769 6.92303 15.2154 8.61533 15.2154C9.96918 15.2154 10.4769 15.0461 11.1538 15.0461C12.5076 14.8769 13.1846 14.5385 13.523 14.5385C13.3538 14.5385 13.3538 14.5385 13.523 14.5385Z" fill="#FABD00"/>
+    <path d="M8.61529 15.8923C6.41529 15.8923 4.89222 15.3846 4.04606 15.0461V14.8769H4.21529C5.39991 15.3846 6.92299 15.7231 8.61529 15.8923C8.78452 15.7231 8.78452 15.7231 8.61529 15.8923C9.79991 15.7231 10.6461 15.5538 11.323 15.5538C12.6768 15.2154 13.0153 15.0461 13.1845 15.0461L13.0153 15.2154C12.5076 15.3846 11.6614 15.5538 11.323 15.7231C10.6461 15.7231 9.63068 15.8923 8.61529 15.8923ZM4.04606 15.0461C5.23068 15.5538 7.26145 15.8923 8.61529 15.8923C9.46145 15.8923 10.6461 15.7231 11.323 15.7231C11.6614 15.7231 12.5076 15.5538 13.0153 15.2154C13.0153 15.2154 13.0153 15.0461 13.1845 15.0461C13.0153 15.0461 12.6768 15.2154 11.323 15.5538C10.6461 15.7231 9.63068 15.8923 8.61529 15.7231C6.92299 15.7231 5.39991 15.3846 4.04606 15.0461ZM8.78452 15.3846C6.41529 15.3846 4.72298 14.8769 3.87683 14.7077V14.5385C5.56914 15.0461 7.09222 15.2154 8.78452 15.3846C9.96914 15.2154 10.4768 15.0461 11.1538 15.0461H11.323C12.5076 14.8769 13.1845 14.7077 13.3538 14.5385H13.523C13.523 14.5385 13.523 14.7077 13.3538 14.7077C13.0153 14.8769 12.1691 15.0461 11.1538 15.2154C10.9845 15.2154 10.9845 15.2154 10.8153 15.2154C10.4768 15.2154 9.96914 15.3846 8.78452 15.3846ZM3.87683 14.7077C4.72298 14.8769 6.24606 15.3846 8.78452 15.3846C9.96914 15.3846 10.4768 15.2154 11.1538 15.2154C11.323 15.2154 11.323 15.2154 11.4922 15.2154C12.5076 15.0461 13.1845 14.8769 13.6922 14.7077C13.6922 14.7077 13.6922 14.5385 13.8614 14.5385H13.6922C13.523 14.5385 12.8461 14.8769 11.6614 15.0461H11.4922C10.8153 15.2154 10.3076 15.2154 9.12299 15.2154C7.09222 15.2154 5.56914 15.0461 3.87683 14.7077Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5229 11.8306C13.5229 13.3537 12.6768 14.7075 12.1691 15.3845C11.3229 16.2306 10.1383 16.7383 8.61521 16.9075C7.09214 16.9075 5.56906 15.8922 5.2306 15.5537C4.38444 14.7075 3.87675 13.5229 3.87675 11.9999C4.04598 10.3075 4.55367 9.12293 5.56906 8.27678C6.58444 7.43063 7.76906 7.09217 8.95367 7.09217C10.1383 7.09217 11.6614 7.76909 12.6768 8.9537C13.1844 9.79986 13.3537 10.646 13.5229 11.8306ZM8.61521 6.58447C11.6614 6.58447 14.0306 8.9537 14.0306 11.9999C14.0306 15.046 11.4921 17.4152 8.61521 17.4152C5.73829 17.4152 3.19983 15.046 3.19983 11.9999C3.19983 8.9537 5.73829 6.58447 8.61521 6.58447Z" fill="#FABD00"/>
+    <path d="M8.61521 17.4152C5.56906 17.4152 3.19983 15.046 3.19983 11.9999C3.19983 8.9537 5.56906 6.58447 8.61521 6.58447C10.1383 6.58447 11.4921 7.09216 12.5075 8.10755C13.5229 9.12293 14.1998 10.4768 14.1998 11.9999C14.1998 13.5229 13.6921 14.8768 12.5075 15.8922C11.4921 16.9075 10.1383 17.4152 8.61521 17.4152ZM8.61521 6.58447C5.56906 6.58447 3.19983 8.9537 3.19983 11.9999C3.19983 15.046 5.56906 17.4152 8.61521 17.4152C10.1383 17.4152 11.4921 16.9075 12.5075 15.8922C13.5229 14.8768 14.0306 13.5229 14.0306 11.9999C14.0306 10.4768 13.5229 9.12293 12.5075 8.10755C11.4921 7.09216 10.1383 6.58447 8.61521 6.58447ZM8.61521 16.9075C7.09214 16.9075 5.56906 15.8922 5.2306 15.3845C4.21521 14.3691 3.87675 13.1845 3.87675 11.8306C4.04598 10.3075 4.55367 8.9537 5.56906 8.10755C6.41521 7.43063 7.76906 6.92293 8.95367 6.92293C10.3075 6.92293 11.6614 7.59986 12.6768 8.78447C13.3537 9.4614 13.5229 10.3075 13.6921 11.6614C13.6921 13.1845 13.0152 14.5383 12.3383 15.2152C11.1537 16.3999 9.96906 16.9075 8.61521 16.9075ZM8.78444 7.09217C7.59983 7.09217 6.41521 7.59986 5.56906 8.27678C4.55367 9.12293 3.87675 10.3075 3.87675 11.9999C3.87675 13.3537 4.38444 14.3691 5.2306 15.3845C5.56906 15.7229 6.92291 16.7383 8.61521 16.7383C9.96906 16.7383 11.1537 16.2306 12.1691 15.2152C12.846 14.5383 13.5229 13.1845 13.5229 11.6614C13.3537 10.3075 13.0152 9.4614 12.5075 8.78447C11.6614 7.93832 10.1383 7.09217 8.78444 7.09217Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61521 6.58447C11.6614 6.58447 14.0306 8.9537 14.0306 11.9999C14.0306 15.046 11.6614 17.4152 8.61521 17.4152C5.56906 17.4152 3.19983 15.046 3.19983 11.9999C3.19983 8.9537 5.73829 6.58447 8.61521 6.58447ZM3.36906 11.9999C3.36906 14.8768 5.73829 17.246 8.61521 17.246C11.4921 17.246 13.8614 14.8768 13.8614 11.9999C13.8614 9.12293 11.4921 6.7537 8.61521 6.7537C5.73829 6.7537 3.36906 9.12293 3.36906 11.9999Z" fill="#FABD00"/>
+    <path d="M8.61521 17.4152C5.56906 17.4152 3.19983 15.046 3.19983 11.9999C3.19983 8.9537 5.56906 6.58447 8.61521 6.58447C11.6614 6.58447 14.0306 8.9537 14.0306 11.9999C14.1998 15.046 11.6614 17.4152 8.61521 17.4152ZM8.61521 6.58447C5.56906 6.58447 3.19983 8.9537 3.19983 11.9999C3.19983 15.046 5.56906 17.4152 8.61521 17.4152C11.6614 17.4152 14.0306 15.046 14.0306 11.9999C14.1998 8.9537 11.6614 6.58447 8.61521 6.58447ZM8.61521 17.4152C7.26137 17.4152 5.90752 16.9075 4.89214 15.8922C3.87675 14.8768 3.36906 13.5229 3.36906 12.1691C3.36906 10.8152 3.87675 9.46139 4.89214 8.44601C5.90752 7.26139 7.26137 6.58447 8.61521 6.58447C9.96906 6.58447 11.3229 7.09216 12.3383 8.10755C13.3537 9.12293 13.8614 10.4768 13.8614 11.8306C13.8614 13.1845 13.3537 14.5383 12.3383 15.5537C11.4921 16.7383 10.1383 17.4152 8.61521 17.4152ZM8.61521 6.7537C7.26137 6.7537 5.90752 7.2614 4.89214 8.27678C3.87675 9.29217 3.36906 10.646 3.36906 11.9999C3.36906 13.3537 3.87675 14.7075 4.89214 15.7229C5.90752 16.7383 7.26137 17.246 8.61521 17.246C9.96906 17.246 11.3229 16.7383 12.3383 15.7229C13.3537 14.7075 13.8614 13.3537 13.8614 11.9999C13.8614 10.646 13.3537 9.29217 12.3383 8.27678C11.4921 7.2614 10.1383 6.7537 8.61521 6.7537Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61533 7.09229C11.323 7.09229 13.523 9.29228 13.523 12C13.523 14.7077 11.323 16.9077 8.61533 16.9077C5.90764 16.9077 3.70764 14.7077 3.70764 12C3.70764 9.29228 5.90764 7.09229 8.61533 7.09229ZM3.87687 12C3.87687 14.7077 6.07687 16.9077 8.78457 16.9077C11.4923 16.9077 13.6923 14.7077 13.6923 12C13.6923 9.29228 11.4923 7.09229 8.78457 7.09229C6.07687 7.09229 3.87687 9.29228 3.87687 12Z" fill="#FABD00"/>
+    <path d="M8.61537 17.0769C7.26153 17.0769 6.07691 16.5692 5.06153 15.5539C4.04614 14.5385 3.53845 13.3539 3.53845 12C3.53845 10.6462 4.04614 9.46156 5.06153 8.44617C6.07691 7.60002 7.43076 6.9231 8.61537 6.9231C9.96922 6.9231 11.1538 7.43079 12.1692 8.44617C13.1846 9.46156 13.6923 10.6462 13.6923 12C13.6923 13.3539 13.1846 14.5385 12.1692 15.5539C11.3231 16.4 9.96922 17.0769 8.61537 17.0769ZM8.61537 7.09233C7.43076 7.09233 6.07691 7.60002 5.23076 8.44617C4.21538 9.46156 3.70768 10.6462 3.70768 12C3.70768 13.3539 4.21538 14.5385 5.23076 15.5539C6.24614 16.5692 7.43076 17.0769 8.78461 17.0769C10.1385 17.0769 11.3231 16.5692 12.3385 15.5539C13.3538 14.5385 13.8615 13.3539 13.8615 12C13.8615 10.6462 13.3538 9.46156 12.3385 8.44617C11.3231 7.60002 9.96922 7.09233 8.61537 7.09233ZM8.61537 16.9077C7.26153 16.9077 6.07691 16.4 5.23076 15.5539C4.38461 14.7077 3.87691 13.3539 3.87691 12.1692C3.87691 10.9846 4.38461 9.63079 5.23076 8.78463C6.07691 7.93848 7.43076 7.43079 8.61537 7.43079C9.79999 7.43079 11.1538 7.93848 12 8.78463C12.8461 9.63079 13.3538 10.9846 13.3538 12.1692C13.3538 13.3539 12.8461 14.7077 12 15.5539C11.1538 16.4 9.96922 16.9077 8.61537 16.9077ZM8.61537 7.09233C7.26153 7.09233 6.07691 7.60002 5.23076 8.44617C4.38461 9.29233 3.87691 10.6462 3.87691 11.8308C3.87691 13.1846 4.38461 14.3692 5.23076 15.2154C6.07691 16.0616 7.43076 16.5692 8.61537 16.5692C9.79999 16.5692 11.1538 16.0616 12 15.2154C12.8461 14.3692 13.3538 13.0154 13.3538 11.8308C13.3538 10.4769 12.8461 9.29233 12 8.44617C11.1538 7.60002 9.96922 7.09233 8.61537 7.09233Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.95374 6.58447H8.44604V17.5845H8.95374V6.58447Z" fill="#FABD00"/>
+    <path d="M8.95374 17.4153H8.44604V6.41528H8.95374V17.4153ZM8.44604 17.4153H8.95374V6.58451H8.44604V17.4153Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.95374 6.41528L9.12297 17.4153H8.95374V6.41528ZM8.44604 6.41528L8.61528 17.4153H8.44604V6.41528Z" fill="#FABD00"/>
+    <path d="M8.44604 17.5845V6.41528H8.61528L8.44604 17.5845ZM8.44604 17.5845L8.61528 6.58451H8.44604V17.5845ZM8.95374 17.5845C8.78451 17.5845 8.78451 17.5845 8.95374 17.5845L8.78451 6.58451H8.95374V17.5845ZM8.95374 17.5845L9.12297 6.58451H8.95374V17.5845Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.1998 12.1692V11.8307L13.8614 11.4923L11.9998 10.9846L9.29214 10.6461L6.07675 10.8153L3.70752 11.323L3.19983 11.6615V12L4.38444 11.4923L7.26137 10.9846H9.96906L11.9998 11.1538L13.3537 11.4923L14.1998 12.1692Z" fill="#FABD00"/>
+    <path d="M14.1998 12.1692L13.3537 11.6615L11.9998 11.323L9.96906 11.1538H7.26137L4.38444 11.6615L3.19983 12.1692V11.8307L3.70752 11.4923L6.07675 10.9846L9.29214 10.8153L11.9998 11.1538L13.8614 11.6615L14.1998 12V12.1692ZM9.96906 11.1538L11.9998 11.323L13.3537 11.6615L14.1998 12.1692V11.8307L13.8614 11.4923L11.9998 10.9846L9.29214 10.6461L6.07675 10.8153L3.70752 11.323L3.19983 11.6615V12L4.38444 11.4923L7.26137 10.9846L9.96906 11.1538Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61526 11.1538C9.9691 11.1538 11.1537 11.323 12.1691 11.4923C13.1845 11.6615 13.8614 12 14.1999 12.1692V12.3384C13.8614 12 13.0153 11.6615 12.1691 11.4923C11.1537 11.323 9.9691 11.323 8.61526 11.1538C7.26141 11.323 6.07679 11.323 5.06141 11.6615C4.21526 11.8307 3.19987 12.1692 3.19987 12.5077V12.3384C3.19987 12.1692 4.04602 11.8307 5.06141 11.6615C6.07679 11.323 7.26141 11.1538 8.61526 11.1538ZM8.61526 10.6461C9.9691 10.6461 11.1537 10.8153 12.1691 10.9846C13.1845 11.1538 13.8614 11.4923 14.1999 11.6615V11.8307C13.8614 11.4923 13.0153 11.1538 12.1691 10.9846C11.1537 10.9846 9.9691 10.8153 8.61526 10.6461C7.26141 10.8153 6.07679 10.8153 5.06141 11.1538C4.38449 11.323 3.19987 11.6615 3.03064 12V11.8307C3.03064 11.6615 3.87679 11.323 4.89218 11.1538C6.07679 10.8153 7.26141 10.6461 8.61526 10.6461Z" fill="#FABD00"/>
+    <path d="M3.19983 12.3384C3.19983 12.1692 3.19983 12.1692 3.19983 12.3384C3.19983 12 4.04598 11.6615 5.06137 11.4923C6.07675 11.323 7.4306 11.1538 8.61521 11.1538C9.79983 11.1538 10.9844 11.323 12.1691 11.4923C13.1844 11.6615 13.8614 12 14.1998 12.1692V12.3384C13.8614 12 12.846 11.6615 12.1691 11.4923C11.1537 11.323 9.79983 11.1538 8.61521 11.1538C7.4306 11.1538 6.07675 11.323 5.06137 11.4923C4.21521 11.8307 3.36906 12.1692 3.19983 12.3384ZM8.78444 11.323C9.96906 11.323 11.1537 11.4923 12.1691 11.6615C12.846 11.8307 13.8614 12 14.1998 12.3384V12.1692C14.0306 11.8307 13.3537 11.6615 12.1691 11.4923C11.1537 11.323 9.96906 11.1538 8.78444 11.323C8.78444 11.1538 8.78444 11.1538 8.78444 11.323C7.4306 11.1538 6.24598 11.323 5.2306 11.4923C4.38444 11.6615 3.36906 12 3.36906 12.1692V12.3384C3.53829 12 4.72291 11.6615 5.2306 11.6615C6.24598 11.323 7.4306 11.323 8.78444 11.323ZM3.19983 11.8307C3.19983 11.4923 4.04598 11.1538 5.06137 10.9846C6.07675 10.8153 7.4306 10.6461 8.61521 10.6461C9.79983 10.6461 10.9844 10.8153 12.1691 10.9846C13.1844 11.1538 13.8614 11.4923 14.1998 11.6615V11.8307C13.8614 11.4923 12.846 11.1538 12.1691 10.9846C11.1537 10.8153 9.79983 10.6461 8.61521 10.6461C7.4306 10.6461 6.07675 10.8153 5.06137 10.9846C4.21521 11.323 3.36906 11.6615 3.19983 11.8307ZM8.78444 10.8153C9.96906 10.8153 11.1537 10.9846 12.1691 11.1538C12.846 11.323 13.8614 11.4923 14.1998 11.8307V11.6615C14.0306 11.323 13.3537 11.1538 12.1691 10.9846C11.1537 10.8153 9.96906 10.6461 8.78444 10.8153C7.4306 10.6461 6.24598 10.8153 5.2306 10.9846C4.04598 11.1538 3.36906 11.4923 3.36906 11.6615V11.8307C3.53829 11.4923 4.55367 11.323 5.2306 11.1538C6.24598 10.9846 7.4306 10.8153 8.78444 10.8153Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61533 8.27686C10.6461 8.27686 12.3384 8.61532 13.1846 8.95378L13.523 9.46147C12.8461 9.12301 10.9846 8.61532 8.61533 8.78455C6.7538 8.78455 4.72303 8.95378 3.70764 9.46147L4.0461 8.95378C5.06149 8.44609 6.92303 8.27686 8.61533 8.27686Z" fill="#FABD00"/>
+    <path d="M3.87683 9.6307L4.21529 8.95378C5.06145 8.44609 7.09222 8.27686 8.61529 8.27686C10.6461 8.27686 12.3384 8.61532 13.1845 8.95378L13.523 9.46147C12.8461 9.12301 10.8153 8.61532 8.61529 8.78455C5.56914 8.78455 4.38452 9.29224 3.87683 9.6307ZM4.21529 8.95378L3.87683 9.46147C4.38452 9.12301 5.73837 8.78455 8.61529 8.78455C10.8153 8.78455 12.6768 9.12301 13.523 9.46147L13.1845 8.95378C12.3384 8.61532 10.6461 8.27686 8.61529 8.27686C7.09222 8.27686 5.06145 8.44609 4.21529 8.95378Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61533 8.78455C9.79995 8.78455 10.8153 8.78455 11.8307 8.95378C12.6769 9.12301 13.523 9.29224 13.523 9.46147L13.6923 9.6307C13.3538 9.46147 12.6769 9.29224 11.8307 9.12301C10.9846 8.95378 9.79995 8.78455 8.61533 8.78455C7.26149 8.95378 6.2461 8.95378 5.39995 9.12301C4.5538 9.29224 3.87687 9.46147 3.70764 9.6307L3.87687 9.46147C4.21533 9.29224 4.72303 9.12301 5.39995 8.95378C6.41533 8.78455 7.43072 8.78455 8.61533 8.78455ZM8.61533 8.27686C9.79995 8.27686 10.8153 8.27685 11.6615 8.44609C12.3384 8.61532 13.0153 8.78455 13.1846 8.95378L13.3538 9.12301C13.1846 8.95378 12.3384 8.61532 11.6615 8.44609C10.8153 8.44609 9.79995 8.44609 8.61533 8.27686C7.59995 8.44609 6.41533 8.44609 5.56918 8.61532C4.72303 8.78455 4.21533 8.95378 4.0461 9.12301L4.21533 8.95378C4.5538 8.78455 5.06149 8.61532 5.56918 8.61532C6.41533 8.27686 7.59995 8.27686 8.61533 8.27686Z" fill="#FABD00"/>
+    <path d="M13.6923 9.6307C13.3538 9.46147 12.6769 9.29224 11.8307 9.12301C10.9846 8.95378 9.96918 8.95378 8.61533 8.95378C7.26149 8.95378 6.2461 8.95378 5.39995 9.12301C4.5538 9.29224 3.87687 9.46147 3.70764 9.6307L3.87687 9.46147C4.21533 9.29224 4.89226 9.12301 5.56918 8.95378C6.41533 8.78455 7.26149 8.78455 8.78457 8.78455C9.96918 8.78455 11.1538 8.78455 11.9999 8.95378C12.8461 9.12301 13.6923 9.29224 13.6923 9.46147V9.6307ZM8.78457 8.78455C9.96918 8.78455 11.1538 8.78455 11.8307 8.95378C12.6769 9.12301 13.3538 9.29224 13.6923 9.46147V9.29224C13.523 9.12301 12.8461 8.95378 11.9999 8.78455C10.9846 8.78455 9.96918 8.78455 8.78457 8.78455C7.26149 8.78455 6.2461 8.78455 5.56918 8.95378C4.89226 9.12301 4.38457 9.29224 4.0461 9.46147V9.6307C4.21533 9.46147 4.89226 9.29224 5.73841 9.12301C6.41533 8.95378 7.43072 8.78455 8.78457 8.78455ZM13.523 9.29224C13.3538 8.95378 12.5076 8.78455 11.8307 8.61532C10.9846 8.44609 10.1384 8.44609 8.78457 8.44609C7.59995 8.44609 6.58457 8.44609 5.73841 8.61532C5.06149 8.78455 4.38457 8.95378 4.21533 9.12301L4.38456 8.95378C4.72303 8.78455 5.23072 8.61532 5.73841 8.61532C6.41533 8.27686 7.43072 8.27686 8.61533 8.27686C9.79995 8.27686 10.8153 8.27685 11.6615 8.44609C12.3384 8.61532 13.0153 8.78455 13.1846 8.95378L13.523 9.29224C13.523 9.12301 13.523 9.12301 13.523 9.29224ZM8.61533 8.44609C9.79995 8.44609 10.8153 8.44609 11.6615 8.61532C12.3384 8.78455 13.0153 8.95378 13.3538 9.12301V8.95378C13.1846 8.78455 12.5076 8.61532 11.8307 8.44609C10.9846 8.27685 9.96918 8.27685 8.61533 8.44609C7.43072 8.27685 6.2461 8.44609 5.56918 8.61532C4.89226 8.78455 4.5538 8.95378 4.21533 8.95378V9.12301C4.5538 8.95378 5.06149 8.78455 5.73841 8.61532C6.41533 8.44609 7.43072 8.44609 8.61533 8.44609Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.323 14.1999C10.3076 14.0306 9.29222 14.0306 8.61529 14.0306C5.23068 14.0306 4.21529 14.7076 4.04606 14.8768L3.87683 14.5383C4.72298 13.8614 6.58452 13.5229 8.78452 13.5229C9.96914 13.5229 10.8153 13.6922 11.6614 13.6922L11.323 14.1999Z" fill="#FABD00"/>
+    <path d="M4.0461 15.0459L3.70764 14.7074C4.5538 14.0305 6.41533 13.6921 8.61533 13.6921C9.79995 13.6921 10.8153 13.8613 11.4923 13.8613L11.323 14.1997C10.4769 14.0305 9.63072 14.0305 8.61533 14.0305C5.39995 14.1997 4.21533 14.7074 4.0461 15.0459ZM3.87687 14.5382L4.0461 14.8767C4.21533 14.7074 4.38456 14.5382 5.06149 14.369C5.90764 14.1997 7.09226 14.0305 8.61533 14.0305C9.63072 14.0305 10.4769 14.0305 11.323 14.1997L11.4923 13.8613C10.6461 13.6921 9.79995 13.6921 8.61533 13.6921C6.58456 13.5228 4.72303 13.8613 3.87687 14.5382Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.61529 14.0306C9.63068 14.0306 10.4768 14.0306 11.323 14.1999V14.3691C10.4768 14.1999 9.63068 14.1999 8.61529 14.0306C7.43068 14.1999 6.07683 14.1999 5.06145 14.5383C4.72299 14.7076 4.21529 14.8768 4.04606 15.046V14.8768C4.04606 14.7076 4.38452 14.5383 5.06145 14.3691C6.24606 14.0306 7.43068 14.0306 8.61529 14.0306ZM8.78452 13.5229C9.79991 13.5229 10.8153 13.523 11.6614 13.8614V14.0306C10.6461 13.6922 9.79991 13.6922 8.78452 13.5229C7.43068 13.6922 6.07683 13.6922 4.89222 14.0306C4.55375 14.1999 3.87683 14.3691 3.87683 14.5383V14.3691C3.87683 14.1999 4.55375 14.0306 5.06145 13.8614C6.07683 13.6922 7.43068 13.5229 8.78452 13.5229Z" fill="#FABD00"/>
+    <path d="M4.04615 15.0461C4.04615 14.8768 4.04615 14.8768 4.04615 15.0461C4.04615 14.8768 4.38462 14.5384 5.06154 14.3691C6.24615 14.0307 7.43077 14.0307 8.61539 13.8615C9.46154 13.8615 10.4769 13.8615 11.3231 14.0307V14.1999C10.4769 14.0307 9.63077 14.0307 8.61539 14.0307C7.26154 14.0307 6.07692 14.1999 5.06154 14.3691C4.72308 14.7076 4.21539 14.8768 4.04615 15.0461ZM4.04615 14.8768C4.21539 14.7076 4.72308 14.5384 5.06154 14.5384C6.07692 14.1999 7.26154 14.0307 8.61539 14.1999C9.63077 14.1999 10.4769 14.1999 11.3231 14.3691V14.1999C10.4769 14.0307 9.46154 14.0307 8.61539 14.0307C7.26154 14.0307 6.24615 14.1999 5.06154 14.5384C4.38462 14.7076 4.04615 14.8768 4.04615 14.8768ZM3.87692 14.7076C3.70769 14.5384 3.70769 14.5384 3.87692 14.7076C3.87692 14.3691 4.72308 14.0307 4.89231 14.0307C5.90769 13.6922 7.09231 13.523 8.78462 13.523C9.8 13.523 10.8154 13.523 11.6615 13.8615V14.0307C10.6462 13.6922 9.8 13.6922 8.78462 13.6922C7.26154 13.6922 6.07692 13.8615 5.06154 14.1999C4.38462 14.1999 3.87692 14.5384 3.87692 14.7076ZM3.87692 14.5384C4.04615 14.3691 4.89231 14.1999 5.06154 14.0307C6.07692 13.6922 7.26154 13.523 8.78462 13.523C9.8 13.523 10.6462 13.523 11.6615 13.6922V13.523C10.6462 13.3538 9.63077 13.3538 8.78462 13.3538C7.26154 13.3538 6.07692 13.523 5.06154 13.8615C4.21539 14.1999 3.87692 14.3691 3.87692 14.5384Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.523 14.5384L13.1845 15.2153L11.9999 14.1999L8.95375 12.1691L5.56914 10.3076L3.87683 9.63066L4.21529 8.95374H4.38452L5.56914 9.2922L9.12299 11.1537L11.1538 12.5076L12.8461 13.6922L13.523 14.5384Z" fill="#FABD00"/>
+    <path d="M13.1846 15.2153L11.9999 14.1999L8.9538 12.1691L5.56918 10.3076L3.87687 9.63066L4.21533 8.95374H4.38456L5.56918 9.2922L9.12303 11.1537L11.1538 12.5076L12.8461 13.6922L13.523 14.5384V14.7076L13.1846 15.2153ZM3.70764 9.63066L5.39995 10.3076L8.78457 12.1691L11.8307 14.1999L13.0153 15.2153L13.3538 14.5384V14.3691L12.8461 13.6922L11.1538 12.5076L9.12303 11.1537L5.56918 9.2922L4.5538 8.95374H4.38456L3.70764 9.63066Z" fill="black"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.70764 9.63057C4.0461 9.46134 6.2461 10.4767 8.61533 11.8306C10.9846 13.3536 13.3538 14.8767 13.0153 15.2152V15.3844C13.0153 15.3844 13.0153 15.3844 13.0153 15.2152C12.8461 14.8767 11.323 13.5229 8.61533 11.9998C6.07687 10.4767 3.87687 9.63057 3.70764 9.63057ZM13.523 14.5383C13.6923 14.1998 11.6615 12.5075 8.9538 10.9844C6.2461 9.46134 4.38457 8.61518 4.0461 8.78442V8.95365H4.21533C4.89226 8.95365 6.58456 9.7998 8.9538 11.1536C10.1384 11.8306 13.523 14.0306 13.523 14.5383C13.523 14.7075 13.523 14.7075 13.523 14.5383Z" fill="#FABD00"/>
+    <path d="M13.0153 15.5537C13.0153 15.5537 13.0153 15.5537 13.0153 15.3845C12.8461 15.046 11.1538 13.6922 8.61533 12.1691C5.90764 10.4768 3.87687 9.63065 3.70764 9.96911V9.79988C4.0461 9.63065 6.2461 10.646 8.78457 11.9999C10.9846 13.3537 13.1846 14.8768 13.1846 15.3845C13.1846 15.2153 13.1846 15.3845 13.0153 15.5537ZM3.70764 9.79988C4.38456 9.79988 6.2461 10.8153 8.61533 11.9999C11.1538 13.523 12.8461 14.8768 13.0153 15.2153C13.0153 15.2153 13.0153 15.2153 13.0153 15.3845C12.8461 14.8768 10.6461 13.3537 8.61533 12.1691C6.2461 10.646 4.0461 9.46142 3.70764 9.79988ZM13.523 14.7076C13.523 14.0306 9.96918 11.6614 8.95379 11.1537C6.58456 9.79988 4.72303 8.95372 4.21533 8.95372H4.0461V8.78449C4.5538 8.44603 6.92303 9.79988 8.95379 10.9845C11.4923 12.5076 13.8615 14.1999 13.523 14.7076C13.6923 14.5383 13.6923 14.5383 13.523 14.7076ZM4.21533 8.95372C4.89226 8.95372 6.58456 9.79988 8.95379 11.1537C9.63072 11.4922 13.523 13.8614 13.523 14.5383C13.6923 14.1999 11.6615 12.6768 8.95379 10.9845C6.2461 9.46142 4.38456 8.61526 4.21533 8.95372Z" fill="black"/>
+    <path d="M5.3999 12.6769C5.3999 13.523 5.73836 14.3692 6.41529 15.0461C7.09221 15.723 7.76913 16.0615 8.78452 16.0615C9.63067 16.0615 10.4768 15.723 11.1537 15.0461C11.6614 14.5384 12.1691 13.6922 12.1691 12.6769V8.27686H5.56913L5.3999 12.6769Z" fill="white"/>
+    <path d="M8.61533 15.8923C7.76917 15.8923 6.92302 15.5538 6.2461 14.8769C5.56918 14.2 5.23071 13.3538 5.23071 12.5077V8.10767H11.8307V12.5077C11.8307 13.3538 11.4923 14.2 10.8153 14.8769C10.4769 15.5538 9.63071 15.8923 8.61533 15.8923ZM5.39994 12.6769C5.39994 13.5231 5.7384 14.3692 6.41533 14.8769C7.09225 15.5538 7.76918 15.8923 8.78456 15.8923C9.63071 15.8923 10.4769 15.5538 11.1538 14.8769C11.8307 14.2 12.1692 13.5231 12.1692 12.5077V8.2769H5.73841L5.39994 12.6769Z" fill="black"/>
+    <path d="M5.56913 12.6768C5.56913 13.523 5.90759 14.3691 6.41529 14.8768C6.92298 15.3845 7.76913 15.723 8.61529 15.723C9.46144 15.723 10.3076 15.3845 10.8153 14.8768C11.323 14.3691 11.6614 13.523 11.6614 12.6768V8.44604H5.3999L5.56913 12.6768ZM10.4768 9.63066V12.3384V12.6768V12.846C10.4768 13.3537 10.3076 13.6922 9.96913 13.8614C9.63067 14.1999 9.12298 14.3691 8.61529 14.3691C8.10759 14.3691 7.5999 14.1999 7.26144 13.8614C6.92298 13.523 6.75375 13.0153 6.75375 12.5076V9.46143L10.4768 9.63066Z" fill="#FF0000"/>
+    <path d="M8.61529 15.723C7.76913 15.723 6.92298 15.3845 6.41529 14.8768C5.73836 14.1999 5.56913 13.523 5.56913 12.6768C5.56913 13.523 5.90759 14.1999 6.41529 14.8768C7.09221 15.3845 7.93836 15.723 8.61529 15.723C9.46144 15.723 10.3076 15.3845 10.8153 14.7076C11.323 14.1999 11.6614 13.3537 11.6614 12.5076V8.44604V12.6768C11.6614 13.523 11.323 14.3691 10.8153 14.8768C10.3076 15.3845 9.46144 15.723 8.61529 15.723ZM8.61529 14.5384C8.10759 14.5384 7.5999 14.3691 7.26144 14.0307C6.92298 13.6922 6.75375 13.1845 6.75375 12.6768V9.63066H10.4768V12.3384V12.6768V12.846C10.4768 13.1845 10.3076 13.6922 9.96913 13.8614C9.63067 14.3691 9.12298 14.5384 8.61529 14.5384ZM6.75375 9.63066V12.5076C6.75375 13.0153 6.92298 13.523 7.26144 13.8614C7.5999 14.1999 8.10759 14.3691 8.61529 14.3691C9.12298 14.3691 9.63067 14.1999 9.96913 13.8614C10.3076 13.523 10.4768 13.1845 10.4768 12.846V12.6768V12.3384V9.63066H6.75375Z" fill="black"/>
+    <path d="M5.90747 9.46139C5.90747 9.12292 6.0767 9.12292 6.0767 9.12292C6.0767 9.12292 6.24593 9.12292 6.24593 9.46139H5.90747Z" fill="#FABD00"/>
+    <path d="M5.73828 9.12292V9.46139H5.90751C5.90751 9.12292 6.07674 9.12292 6.07674 9.12292C6.07674 9.12292 6.24597 9.12292 6.24597 9.46139H6.4152V9.12292H5.73828Z" fill="#FABD00"/>
+    <path d="M5.90755 9.46139H5.56909V9.12292H6.41525V9.46139C6.41525 9.12292 6.24602 9.12292 6.24602 9.12292C6.24602 9.12292 5.90755 9.12292 5.90755 9.46139ZM6.41525 9.46139H6.58448V9.12292H6.24602C6.24602 9.12292 6.24601 9.12292 6.41525 9.12292C6.41525 9.29216 6.41525 9.29216 6.41525 9.46139ZM5.73832 9.46139H5.90755C5.90755 9.29216 5.90755 9.29216 6.07678 9.12292H5.73832V9.46139Z" fill="black"/>
+    <path d="M6.58444 9.63054C6.75367 9.4613 6.75367 9.4613 6.58444 9.63054C6.75367 9.63054 6.75367 9.63054 6.58444 9.63054Z" fill="black"/>
+    <path d="M6.0769 9.46135C6.0769 9.29211 6.24614 9.29211 6.24614 9.29211C6.24614 9.29211 6.41537 9.29211 6.41537 9.46135H6.0769Z" fill="#FABD00"/>
+    <path d="M6.24614 9.46135H6.0769C6.0769 9.29211 6.0769 9.29211 6.24614 9.29211C6.24614 9.29211 6.24614 9.29211 6.24614 9.46135ZM6.0769 9.46135H6.24614C6.24614 9.29211 6.0769 9.29211 6.0769 9.29211C6.24614 9.29211 6.0769 9.29211 6.0769 9.46135Z" fill="black"/>
+    <path d="M6.58444 9.12297C6.75367 8.95374 6.58444 8.95374 6.58444 9.12297Z" fill="black"/>
+    <path d="M6.0769 8.44604H6.24614V8.61528L6.0769 8.44604C6.0769 8.61528 6.0769 8.61528 6.0769 8.44604Z" fill="#FABD00"/>
+    <path d="M6.24614 8.61528H6.0769V8.44604L6.24614 8.61528C6.41537 8.61528 6.41537 8.61528 6.24614 8.61528ZM6.0769 8.44604C6.0769 8.61528 6.0769 8.61528 6.0769 8.44604L6.24614 8.61528V8.44604H6.0769Z" fill="black"/>
+    <path d="M6.24589 8.61523V8.9537H6.07666V8.61523H6.24589Z" fill="#FABD00"/>
+    <path d="M6.24593 8.9537H5.90747V8.61523H6.0767L6.24593 8.9537ZM6.0767 8.9537H6.24593V8.61523H6.0767V8.9537Z" fill="black"/>
+    <path d="M6.0767 8.78442V8.95365H5.90747V8.78442H6.0767Z" fill="#FABD00"/>
+    <path d="M5.73828 8.95365V8.78442H5.90751V8.95365H5.73828ZM5.73828 8.78442L5.90751 8.95365V8.78442H5.73828Z" fill="black"/>
+    <path d="M6.58451 8.78442V8.95365H6.41528V8.78442H6.58451Z" fill="#FABD00"/>
+    <path d="M6.41528 8.95365V8.78442H6.58451V8.95365H6.41528ZM6.41528 8.78442L6.58451 8.95365V8.78442H6.41528Z" fill="black"/>
+    <path d="M5.73828 8.61523H5.90751V8.78447L5.73828 8.61523C5.73828 8.78447 5.73828 8.78447 5.73828 8.61523Z" fill="#FABD00"/>
+    <path d="M6.07674 8.78447H5.73828V8.61523L6.07674 8.78447ZM5.73828 8.61523C5.73828 8.78447 5.73828 8.78447 5.73828 8.61523L6.07674 8.78447V8.61523H5.73828Z" fill="black"/>
+    <path d="M6.24609 8.61523H6.41532V8.78447L6.24609 8.61523C6.41532 8.78447 6.24609 8.78447 6.24609 8.61523Z" fill="#FABD00"/>
+    <path d="M6.58451 8.78447H6.41528V8.61523L6.58451 8.78447ZM6.41528 8.61523C6.41528 8.78447 6.41528 8.78447 6.41528 8.61523L6.75374 8.78447V8.61523H6.41528Z" fill="black"/>
+    <path d="M5.90747 11.9998C5.90747 11.6614 6.0767 11.6614 6.0767 11.6614C6.0767 11.6614 6.24593 11.6614 6.24593 11.9998H5.90747Z" fill="#FABD00"/>
+    <path d="M5.73828 11.6614V11.9998H5.90751C5.90751 11.6614 6.07674 11.6614 6.07674 11.6614C6.07674 11.6614 6.24597 11.6614 6.24597 11.9998H6.4152V11.6614H5.73828Z" fill="#FABD00"/>
+    <path d="M5.90755 11.9998H5.56909V11.6614H6.41525V11.9998C6.41525 11.6614 6.24602 11.6614 6.24602 11.6614C6.24602 11.6614 5.90755 11.6614 5.90755 11.9998ZM6.41525 11.9998H6.58448V11.6614H6.24602C6.24602 11.6614 6.24601 11.6614 6.41525 11.6614C6.41525 11.8306 6.41525 11.8306 6.41525 11.9998ZM5.73832 11.9998H5.90755C5.90755 11.8306 5.90755 11.8306 6.07678 11.6614H5.73832V11.9998Z" fill="black"/>
+    <path d="M6.58444 12.169C6.75367 11.9998 6.75367 11.9998 6.58444 12.169C6.75367 12.169 6.75367 12.169 6.58444 12.169Z" fill="black"/>
+    <path d="M6.0769 11.9998C6.0769 11.8306 6.24614 11.8306 6.24614 11.8306C6.24614 11.8306 6.41537 11.8306 6.41537 11.9998H6.0769Z" fill="#FABD00"/>
+    <path d="M6.24614 11.9998H6.0769C6.0769 11.8306 6.0769 11.8306 6.24614 11.8306C6.24614 11.8306 6.24614 11.8306 6.24614 11.9998ZM6.0769 11.9998H6.24614C6.24614 11.8306 6.0769 11.8306 6.0769 11.8306C6.24614 11.8306 6.0769 11.8306 6.0769 11.9998Z" fill="black"/>
+    <path d="M6.58444 11.6614C6.75367 11.4922 6.58444 11.4922 6.58444 11.6614ZM5.73828 11.4922C5.73828 11.6614 5.73828 11.6614 5.73828 11.4922Z" fill="black"/>
+    <path d="M6.0769 10.9845H6.24614V11.1537L6.0769 10.9845C6.0769 11.1537 6.0769 11.1537 6.0769 10.9845Z" fill="#FABD00"/>
+    <path d="M6.24614 11.1537H6.0769V10.9845L6.24614 11.1537C6.41537 11.1537 6.41537 11.1537 6.24614 11.1537ZM6.0769 10.9845C6.0769 11.1537 6.0769 11.1537 6.0769 10.9845L6.41537 11.1537V10.9845H6.0769Z" fill="black"/>
+    <path d="M6.24589 11.1537V11.4921H6.07666V11.1537H6.24589Z" fill="#FABD00"/>
+    <path d="M6.24593 11.4921H5.90747V11.1537H6.0767L6.24593 11.4921ZM6.0767 11.4921H6.24593V11.1537H6.0767V11.4921Z" fill="black"/>
+    <path d="M6.0767 11.3229V11.4921H5.90747V11.3229H6.0767Z" fill="#FABD00"/>
+    <path d="M5.73828 11.4921V11.3229H5.90751V11.4921H5.73828ZM5.73828 11.3229L5.90751 11.4921V11.3229H5.73828Z" fill="black"/>
+    <path d="M6.58451 11.3229V11.4921H6.41528V11.3229H6.58451Z" fill="#FABD00"/>
+    <path d="M6.41528 11.4921V11.3229H6.58451V11.4921H6.41528ZM6.41528 11.3229L6.58451 11.4921V11.3229H6.41528Z" fill="black"/>
+    <path d="M5.73828 11.1537H5.90751V11.3229L5.73828 11.1537C5.73828 11.3229 5.73828 11.3229 5.73828 11.1537Z" fill="#FABD00"/>
+    <path d="M6.07674 11.3229H5.73828V11.1537L6.07674 11.3229ZM5.73828 11.1537C5.73828 11.3229 5.73828 11.3229 5.73828 11.1537L6.07674 11.3229V11.1537H5.73828Z" fill="black"/>
+    <path d="M6.24609 11.1537H6.41532V11.3229L6.24609 11.1537C6.41532 11.3229 6.24609 11.3229 6.24609 11.1537Z" fill="#FABD00"/>
+    <path d="M6.58451 11.3229H6.41528V11.1537L6.58451 11.3229ZM6.41528 11.1537C6.41528 11.3229 6.41528 11.3229 6.41528 11.1537L6.75374 11.3229V11.1537H6.41528Z" fill="black"/>
+    <path d="M8.44604 9.46139C8.44604 9.12292 8.61528 9.12292 8.61528 9.12292C8.61528 9.12292 8.78451 9.12292 8.78451 9.46139H8.44604Z" fill="#FABD00"/>
+    <path d="M8.27686 9.12292V9.46139H8.44609C8.44609 9.12292 8.61532 9.12292 8.61532 9.12292C8.61532 9.12292 8.78455 9.12292 8.78455 9.46139H8.95378V9.12292H8.27686Z" fill="#FABD00"/>
+    <path d="M8.44613 9.46139H8.10767V9.12292H8.95382V9.46139H8.61536C8.61536 9.12292 8.44613 9.12292 8.44613 9.12292C8.78459 9.12292 8.44613 9.12292 8.44613 9.46139ZM8.95382 9.46139H9.12305V9.12292H8.78459C8.78459 9.12292 8.78459 9.12292 8.95382 9.12292C8.95382 9.29216 8.95382 9.29216 8.95382 9.46139ZM8.2769 9.46139H8.44613C8.44613 9.29216 8.44613 9.29216 8.61536 9.12292H8.2769V9.46139Z" fill="black"/>
+    <path d="M9.12301 9.63054C9.29224 9.4613 9.12301 9.4613 9.12301 9.63054Z" fill="black"/>
+    <path d="M8.61536 9.46135C8.61536 9.29211 8.78459 9.29211 8.78459 9.29211C8.78459 9.29211 8.95382 9.29211 8.95382 9.46135H8.61536Z" fill="#FABD00"/>
+    <path d="M8.78459 9.46135H8.61536C8.61536 9.29211 8.61536 9.29211 8.78459 9.29211C8.78459 9.29211 8.78459 9.29211 8.78459 9.46135ZM8.61536 9.46135H8.78459C8.78459 9.29211 8.61536 9.29211 8.61536 9.29211C8.61536 9.29211 8.61536 9.29211 8.61536 9.46135Z" fill="black"/>
+    <path d="M8.61536 8.44604H8.78459V8.61528L8.61536 8.44604C8.61536 8.61528 8.61536 8.61528 8.61536 8.44604Z" fill="#FABD00"/>
+    <path d="M8.78459 8.61528H8.61536V8.44604L8.78459 8.61528ZM8.61536 8.44604C8.61536 8.61528 8.61536 8.61528 8.61536 8.44604L8.95382 8.61528V8.44604H8.61536Z" fill="black"/>
+    <path d="M8.78447 8.61523V8.9537H8.61523V8.61523H8.78447Z" fill="#FABD00"/>
+    <path d="M8.78451 8.9537H8.44604V8.61523H8.61528L8.78451 8.9537ZM8.61528 8.9537H8.78451V8.61523H8.61528V8.9537Z" fill="black"/>
+    <path d="M8.44609 8.78442V8.95365H8.27686V8.78442H8.44609Z" fill="#FABD00"/>
+    <path d="M8.27686 8.95365V8.78442H8.44609V8.95365H8.27686ZM8.27686 8.78442L8.44609 8.95365V8.78442H8.27686Z" fill="black"/>
+    <path d="M9.12297 8.78442V8.95365H8.95374V8.78442H9.12297Z" fill="#FABD00"/>
+    <path d="M8.78455 8.95365V8.78442H8.95378V8.95365H8.78455ZM8.95378 8.78442L9.12301 8.95365V8.78442H8.95378Z" fill="black"/>
+    <path d="M8.27686 8.61523H8.44609V8.78447L8.27686 8.61523C8.27686 8.78447 8.27686 8.78447 8.27686 8.61523Z" fill="#FABD00"/>
+    <path d="M8.44609 8.78447H8.27686V8.61523L8.44609 8.78447C8.61532 8.78447 8.61532 8.78447 8.44609 8.78447ZM8.27686 8.61523C8.27686 8.78447 8.27686 8.78447 8.27686 8.61523L8.61532 8.78447V8.61523H8.27686Z" fill="black"/>
+    <path d="M8.78455 8.61523H8.95378V8.78447L8.78455 8.61523C8.78455 8.78447 8.78455 8.78447 8.78455 8.61523Z" fill="#FABD00"/>
+    <path d="M9.12301 8.78447H8.95378V8.61523L9.12301 8.78447ZM8.78455 8.61523C8.78455 8.78447 8.78455 8.78447 8.78455 8.61523L9.12301 8.78447V8.61523H8.78455Z" fill="black"/>
+    <path d="M8.61536 8.78439C8.78459 8.61516 8.61536 8.61516 8.61536 8.78439Z" fill="black"/>
+    <path d="M8.27686 12.1691C8.27686 12.3383 8.27685 12.3383 8.44609 12.5075C8.44609 12.5075 8.61532 12.6768 8.78455 12.6768C8.95378 12.6768 8.95378 12.6768 9.12301 12.5075C9.12301 12.5075 9.29224 12.3383 9.29224 12.1691V11.6614H8.44609L8.27686 12.1691Z" fill="#003399"/>
+    <path d="M8.95374 12.3383L8.44604 11.8306C8.44604 11.8306 8.44604 11.8306 8.44604 11.6614C8.44604 11.6614 8.44605 11.6614 8.61528 11.6614L8.95374 12.3383C8.95374 12.1691 8.95374 12.1691 8.95374 12.3383Z" fill="white"/>
+    <path d="M8.27686 10.646C8.27686 10.8152 8.27685 10.8152 8.44609 10.9845C8.44609 10.9845 8.61532 11.1537 8.78455 11.1537C8.95378 11.1537 8.95378 11.1537 9.12301 10.9845C9.12301 10.9845 9.29224 10.8152 9.29224 10.646V10.1383H8.44609L8.27686 10.646Z" fill="#003399"/>
+    <path d="M8.95374 10.8152L8.44604 10.3075C8.44604 10.3075 8.44604 10.3075 8.44604 10.1383C8.44604 10.1383 8.44605 10.1383 8.61528 10.1383L8.95374 10.8152Z" fill="white"/>
+    <path d="M7.09229 12.1691C7.09229 12.3383 7.09228 12.3383 7.26151 12.5075C7.26151 12.5075 7.43075 12.6768 7.59998 12.6768C7.76921 12.6768 7.76921 12.6768 7.93844 12.5075C7.93844 12.5075 8.10767 12.3383 8.10767 12.1691V11.6614H7.26151L7.09229 12.1691Z" fill="#003399"/>
+    <path d="M7.76917 12.3383L7.26147 11.8306C7.26147 11.8306 7.26147 11.8306 7.26147 11.6614C7.26147 11.6614 7.26148 11.6614 7.43071 11.6614L7.76917 12.3383C7.9384 12.1691 7.9384 12.1691 7.76917 12.3383Z" fill="white"/>
+    <path d="M9.46155 12.1691C9.46155 12.3383 9.46155 12.3383 9.63078 12.5075C9.63078 12.5075 9.80001 12.6768 9.96924 12.6768C10.1385 12.6768 10.1385 12.6768 10.3077 12.5075C10.3077 12.5075 10.4769 12.3383 10.4769 12.1691V11.6614H9.63078L9.46155 12.1691Z" fill="#003399"/>
+    <path d="M10.1384 12.3383L9.63074 11.8306C9.63074 11.8306 9.63074 11.8306 9.63074 11.6614C9.63074 11.6614 9.63074 11.6614 9.79997 11.6614L10.1384 12.3383C10.1384 12.1691 10.1384 12.1691 10.1384 12.3383Z" fill="white"/>
+    <path d="M8.27686 13.5231C8.27686 13.6923 8.27685 13.6923 8.44609 13.8615C8.44609 13.8615 8.61532 14.0308 8.78455 14.0308C8.95378 14.0308 8.95378 14.0308 9.12301 13.8615C9.12301 13.8615 9.29224 13.6923 9.29224 13.5231V13.0154H8.44609L8.27686 13.5231Z" fill="#003399"/>
+    <path d="M8.95374 13.6923L8.44604 13.1846C8.44604 13.1846 8.44604 13.1846 8.44604 13.0154C8.44604 13.0154 8.44605 13.0154 8.61528 13.0154L8.95374 13.6923Z" fill="white"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="0" x2="25.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/language/ru.svg b/src/components/ImagesProvider/images/language/ru.svg
index 5a8cbb1e..0c280fe5 100644
--- a/src/components/ImagesProvider/images/language/ru.svg
+++ b/src/components/ImagesProvider/images/language/ru.svg
@@ -1,20 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#F0F0F0" d="M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z"/>
-    <path fill="#0052B4" d="M23.25 16.17a11.97 11.97 0 0 0 0-8.34H.75a11.97 11.97 0 0 0 0 8.34L12 17.22l11.25-1.05Z"/>
-    <path fill="#D80027" d="M12 24a12 12 0 0 0 11.25-7.83H.75A12 12 0 0 0 12 24Z"/>
-    <path fill="url(#b)" d="M0 0h24v24H0z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  <mask id="mask0_13_7" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_13_7)">
+    <path d="M30.2769 1H-6.27698V8.44615H30.2769V1Z" fill="white"/>
+    <path d="M30.2769 8.27698H-6.27698V15.7231H30.2769V8.27698Z" fill="#09388C"/>
+    <path d="M30.2769 15.723H-6.27698V23.1692H30.2769V15.723Z" fill="#EE1C25"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="0" x2="25.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/language/zh.svg b/src/components/ImagesProvider/images/language/zh.svg
index 0b6da527..abf5c022 100644
--- a/src/components/ImagesProvider/images/language/zh.svg
+++ b/src/components/ImagesProvider/images/language/zh.svg
@@ -1,19 +1,15 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill="#D80027" d="M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z"/>
-    <path fill="#FFDA44" d="M6.57 7.3 7.6 10.5h3.35l-2.7 1.97 1.03 3.2-2.71-1.98-2.72 1.97 1.04-3.19-2.71-1.97h3.35L6.57 7.3ZM14.23 18.59l-.8-.98-1.17.46.68-1.06-.79-.98 1.21.32.69-1.05.06 1.26 1.22.32-1.17.45.07 1.26ZM15.8 15.73l.38-1.2-1.03-.73 1.26-.02.37-1.2.4 1.2 1.26-.02-1 .75.4 1.19-1.03-.73-1 .76ZM17.93 8.8l-.56 1.14.9.87-1.24-.17-.55 1.12-.22-1.24-1.25-.17 1.12-.6-.22-1.23.9.87 1.12-.58ZM14.26 5.39l-.1 1.25 1.17.47-1.22.3-.09 1.26-.66-1.07-1.22.3.8-.96-.66-1.07 1.17.48.8-.96Z"/>
-    <path fill="url(#b)" d="M0 0h24v24H0z" opacity=".5"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  <mask id="mask0_13_1582" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_13_1582)">
+    <path d="M-4.41528 -2.38464H43.6463V29.6H-4.41528" fill="#EE1C25"/>
+  </g>
+  <mask id="mask1_13_1582" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="22" height="22">
+    <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+  </mask>
+  <g mask="url(#mask1_13_1582)">
+    <path d="M7.76931 6.41528L10.8155 15.046L3.20007 9.46143H12.3386L4.72317 15.046L7.76931 6.41528Z" fill="#FABD00"/>
   </g>
-  <defs>
-    <linearGradient id="b" x1="0" x2="25.88" y1="5.24" y2="12.01" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".29" stop-color="#D9D9D9"/>
-      <stop offset=".54" stop-color="#D9D9D9" stop-opacity="0"/>
-      <stop offset=".78" stop-color="#D9D9D9"/>
-      <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff" rx="12"/>
-    </clipPath>
-  </defs>
 </svg>
diff --git a/src/components/ImagesProvider/images/network/arbitrum.svg b/src/components/ImagesProvider/images/network/arbitrum.svg
new file mode 100644
index 00000000..92210878
--- /dev/null
+++ b/src/components/ImagesProvider/images/network/arbitrum.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+    <g clip-path="url(#clip0_1366_67836)">
+        <path d="M1.44641 4.86404V11.136C1.44641 11.5392 1.65761 11.904 2.00961 12.1088L7.44321 15.2448C7.78881 15.4432 8.21761 15.4432 8.56321 15.2448L13.9968 12.1088C14.3424 11.9104 14.56 11.5392 14.56 11.136V4.86404C14.56 4.46084 14.3488 4.09605 13.9968 3.89124L8.56321 0.755245C8.21761 0.556845 7.78881 0.556845 7.44321 0.755245L2.00961 3.89124C1.66401 4.08964 1.45281 4.46084 1.45281 4.86404H1.44641Z" fill="#213147"/>
+        <path d="M9.184 9.21628L8.4096 11.3411C8.3904 11.3987 8.3904 11.4627 8.4096 11.5267L9.7408 15.1811L11.2832 14.2915L9.4336 9.21628C9.3888 9.10108 9.2288 9.10108 9.184 9.21628Z" fill="#12AAFF"/>
+        <path d="M10.7392 5.64499C10.6944 5.52979 10.5344 5.52979 10.4896 5.64499L9.71521 7.76979C9.69601 7.82739 9.69601 7.89139 9.71521 7.95539L11.8976 13.9394L13.44 13.0498L10.7392 5.65139V5.64499Z" fill="#12AAFF"/>
+        <path d="M8.00001 0.992C8.03841 0.992 8.07681 1.0048 8.10881 1.024L13.984 4.416C14.0544 4.4544 14.0928 4.5312 14.0928 4.608V11.392C14.0928 11.4688 14.048 11.5456 13.984 11.584L8.10881 14.976C8.07681 14.9952 8.03841 15.008 8.00001 15.008C7.96161 15.008 7.92321 14.9952 7.89121 14.976L2.01601 11.584C1.94561 11.5456 1.90721 11.4688 1.90721 11.392V4.6016C1.90721 4.5248 1.95201 4.448 2.01601 4.4096L7.89121 1.0176C7.92321 0.9984 7.96161 0.9856 8.00001 0.9856V0.992ZM8.00001 0C7.78881 0 7.58401 0.0512 7.39201 0.16L1.51681 3.552C1.13921 3.7696 0.908813 4.1664 0.908813 4.6016V11.3856C0.908813 11.8208 1.13921 12.2176 1.51681 12.4352L7.39201 15.8272C7.57761 15.936 7.78881 15.9872 8.00001 15.9872C8.21121 15.9872 8.41601 15.936 8.60801 15.8272L14.4832 12.4352C14.8608 12.2176 15.0912 11.8208 15.0912 11.3856V4.6016C15.0912 4.1664 14.8608 3.7696 14.4832 3.552L8.60161 0.16C8.41601 0.0512 8.20481 0 7.99361 0H8.00001Z" fill="#9DCCED"/>
+        <path d="M4.10883 13.9457L4.65283 12.4609L5.74083 13.3633L4.72323 14.2977L4.10883 13.9457Z" fill="#213147"/>
+        <path d="M7.50081 4.12163H6.00961C5.90081 4.12163 5.79841 4.19203 5.76001 4.29443L2.56641 13.0496L4.10881 13.9392L7.62881 4.29443C7.66081 4.20483 7.59681 4.11523 7.50721 4.11523L7.50081 4.12163Z" fill="white"/>
+        <path d="M10.112 4.12163H8.62081C8.51201 4.12163 8.40961 4.19203 8.37121 4.29443L4.72321 14.2912L6.26561 15.1808L10.2336 4.29443C10.2656 4.20483 10.2016 4.11523 10.112 4.11523V4.12163Z" fill="white"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_1366_67836">
+            <rect width="16" height="16" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/discord.svg b/src/components/ImagesProvider/images/social/discord.svg
new file mode 100644
index 00000000..00a37ad5
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/discord.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.5495 7.80792C19.1283 6.96554 18.5667 6.26356 17.7244 5.84238C16.0396 5 14.3549 5 14.3549 5C13.9337 5.56158 13.9337 5.84238 13.9337 5.84238C13.9337 5.84238 12.8105 5.70198 11.8277 5.70198H11.6873C10.7046 5.70198 9.58139 5.84238 9.58139 5.84238C9.58139 5.84238 9.3006 5.56158 9.0198 5C9.0198 5 7.19465 5 5.5099 5.98277C4.66752 6.40396 4.10594 7.10594 3.82515 7.80792C3.12317 9.35228 2 12.3006 2 16.3721C2 16.5125 2 16.5125 2 16.6529C2.28079 17.2145 3.68475 19.0396 6.63307 19.18C6.77347 19.18 6.91386 19.18 7.05426 19.0396L8.31782 17.4952C8.45822 17.3549 8.59861 17.2145 8.87941 17.3549C9.30059 17.4952 10.2834 17.776 11.5469 17.776H11.8277C13.0913 17.776 14.0741 17.4952 14.4952 17.3549C14.6356 17.3549 14.9164 17.3549 15.0568 17.4952L16.3204 19.0396C16.4608 19.18 16.6012 19.18 16.7416 19.18C19.8303 19.0396 21.0939 17.2145 21.3747 16.6529C21.3747 16.5125 21.3747 16.5125 21.3747 16.3721C21.3747 12.3006 20.2515 9.35228 19.5495 7.80792ZM8.59861 14.9681C7.61584 14.9681 6.77347 14.1257 6.77347 13.0026C6.77347 11.8794 7.61584 11.037 8.59861 11.037C9.58139 11.037 10.4238 11.8794 10.4238 13.0026C10.4238 14.1257 9.58139 14.9681 8.59861 14.9681ZM14.776 14.9681C13.7933 14.9681 12.9509 14.1257 12.9509 13.0026C12.9509 11.8794 13.7933 11.037 14.776 11.037C15.7588 11.037 16.6012 11.8794 16.6012 13.0026C16.6012 14.1257 15.7588 14.9681 14.776 14.9681Z" fill="#1C1C25"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/discordLine.svg b/src/components/ImagesProvider/images/social/discordLine.svg
new file mode 100644
index 00000000..6a7c280d
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/discordLine.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.7289 7.83662C19.3743 7.00927 18.6652 6.30012 17.8378 5.94554C16.1831 5 14.5285 5 14.5285 5C14.1739 5.59096 14.0557 5.94554 14.0557 5.94554C14.0557 5.94554 12.992 5.70915 11.9282 5.70915H11.81C10.7463 5.70915 9.68256 5.94554 9.68256 5.94554C9.68256 5.94554 9.44617 5.59096 9.0916 5C9.0916 5 7.31871 5 5.54582 6.06373C4.71847 6.41831 4.2457 7.00927 3.89113 7.83662C3.18197 9.37312 2.00005 12.4461 2.00005 16.4647C2.00005 16.5829 2.00005 16.7011 2.11824 16.7011C2.47282 17.1738 3.77293 19.0649 6.84594 19.1831C6.96413 19.1831 7.20052 19.0649 7.20052 18.9467L8.50063 17.4102C8.61883 17.292 8.85521 17.1738 8.97341 17.292C9.44618 17.4102 10.3917 17.6466 11.5736 17.7648H11.9282C13.2283 17.7648 14.1739 17.5284 14.5285 17.292C14.7648 17.1738 14.883 17.292 15.0012 17.4102L16.3013 18.9467C16.4195 19.0649 16.5377 19.1831 16.6559 19.1831C19.7289 19.0649 21.029 17.1738 21.3836 16.7011C21.3836 16.5829 21.5018 16.5829 21.5018 16.4647C21.62 12.4461 20.4381 9.37312 19.7289 7.83662ZM8.73702 14.5736C7.79148 14.5736 6.96413 13.7462 6.96413 12.5643C6.96413 11.5006 7.79148 10.555 8.73702 10.555C9.68256 10.555 10.5099 11.3824 10.5099 12.5643C10.5099 13.6281 9.68256 14.5736 8.73702 14.5736ZM14.883 14.5736C13.9375 14.5736 13.1101 13.7462 13.1101 12.5643C13.1101 11.5006 13.9375 10.555 14.883 10.555C15.8286 10.555 16.6559 11.3824 16.6559 12.5643C16.6559 13.6281 15.9468 14.5736 14.883 14.5736Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/facebook.svg b/src/components/ImagesProvider/images/social/facebook.svg
new file mode 100644
index 00000000..966acf8c
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/facebook.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.19173 20.8177V13.7268C9.19173 13.5979 9.0628 13.5979 9.0628 13.5979H7.12893C7 13.5979 7 13.4689 7 13.4689V10.5037C7 10.3747 7.12893 10.3747 7.12893 10.3747H9.0628C9.19173 10.3747 9.19173 10.2458 9.19173 10.2458V8.31194C9.19173 5.34667 10.8678 1.99461 16.7983 3.28386C16.9272 3.28386 16.9272 3.41279 16.9272 3.41279V6.24914C16.9272 6.37807 16.7983 6.50699 16.6694 6.37807C16.0248 6.37807 14.2198 6.24914 13.5752 7.15162C13.0595 8.05409 13.1884 9.47227 13.1884 9.98797C13.1884 10.1169 13.3173 10.1169 13.3173 10.1169H16.4115C16.5405 10.1169 16.6694 10.2458 16.5405 10.3747L16.1537 13.34C16.1537 13.4689 16.0248 13.4689 16.0248 13.4689H13.4463C13.3173 13.4689 13.3173 13.5979 13.3173 13.5979V20.8177C13.3173 20.9466 13.1884 20.9466 13.1884 20.9466C12.5438 20.9466 10.2231 20.9466 9.5785 20.9466C9.32065 21.0755 9.19173 20.9466 9.19173 20.8177Z" fill="#1C1C25"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/facebookLine.svg b/src/components/ImagesProvider/images/social/facebookLine.svg
new file mode 100644
index 00000000..e314ce62
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/facebookLine.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.22484 20.9382V13.8465C9.22484 13.7074 9.08578 13.7074 9.08578 13.7074H7.13903C6.99998 13.7074 6.99998 13.5684 6.99998 13.5684V10.5092C6.99998 10.3701 7.13903 10.3701 7.13903 10.3701H9.08578C9.22484 10.3701 9.22484 10.2311 9.22484 10.2311V8.28431C9.22484 5.22513 10.8935 2.02689 16.8728 3.27838C17.0118 3.27838 17.0118 3.41743 17.0118 3.41743V6.33756C17.0118 6.47661 17.0118 6.47661 16.8728 6.47661C16.1775 6.47661 14.3698 6.47661 13.6746 7.31094C13.1183 8.0062 13.2574 9.53579 13.2574 9.95296C13.2574 10.092 13.3964 10.092 13.3964 10.092H16.5947C16.7337 10.092 16.7337 10.2311 16.7337 10.3701L16.1775 13.2902C16.1775 13.4293 16.0385 13.4293 16.0385 13.4293H13.3964C13.2574 13.4293 13.2574 13.5684 13.2574 13.5684V20.7991C13.2574 20.9382 13.1183 20.9382 13.1183 20.9382C12.4231 20.9382 10.1982 20.9382 9.50294 20.9382C9.36389 21.0773 9.22484 20.9382 9.22484 20.9382Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/telegram.svg b/src/components/ImagesProvider/images/social/telegram.svg
new file mode 100644
index 00000000..4c2dc70b
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/telegram.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.5662 4.02372L2.57659 11.0966C1.8078 11.4041 1.8078 12.4804 2.57659 12.6341L9.26994 14.3538C9.73121 14.5075 10.1925 14.3538 10.5 14.2L16.4148 9.25147C16.876 8.94395 17.1835 9.40523 17.0298 9.8665L12.0462 14.9291C11.7387 15.3904 11.7387 16.1592 12.2 16.4667L17.1835 20.7833C17.7986 21.2445 18.5674 20.937 18.7211 20.1682L21.7963 5.25378C21.95 4.48499 21.1812 3.86996 20.5662 4.02372Z" fill="#1C1C25"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/telegramLine.svg b/src/components/ImagesProvider/images/social/telegramLine.svg
new file mode 100644
index 00000000..990f8a00
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/telegramLine.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.5905 4.02193L2.53319 11.1311C1.82227 11.4155 1.82227 12.4108 2.53319 12.6951C2.53319 12.6951 10.2111 13.9748 11.0642 14.4013C11.9173 14.9701 17.1781 20.7996 17.1781 20.7996C17.7468 21.2261 18.5999 20.9418 18.7421 20.2309L21.8701 5.1594C22.0123 4.44848 21.3014 3.87975 20.5905 4.02193Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M11.0643 14.4012L16.7333 9.66663" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/twitter.svg b/src/components/ImagesProvider/images/social/twitter.svg
new file mode 100644
index 00000000..bbefe423
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/twitter.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.9722 11.9333C13.8306 11.65 13.8306 11.3667 13.9722 11.0833C15.9556 8.675 19.7806 4.14167 19.9222 4.14167C19.7806 4.14167 18.9306 4.14167 18.6472 4.14167C18.5056 4.14167 18.3639 4.14167 18.3639 4.28333C17.2306 5.55833 14.3972 8.95833 13.2639 10.2333C13.1222 10.375 12.8389 10.375 12.6972 10.2333C11.9889 9.24167 9.86391 6.125 8.73058 4.425C8.58891 4.14167 8.44724 4 8.16391 4C7.03058 4 5.33058 4 4.33891 4C4.05558 4 3.91391 4.28333 4.05558 4.56667C6.03891 7.54167 9.43891 12.3583 10.1472 13.4917C10.2889 13.6333 10.2889 13.775 10.1472 13.9167L4.05558 21H5.47224C5.47224 21 5.61391 21 5.75558 20.8583C7.31391 19.3 9.86391 16.0417 10.7139 14.9083C10.8556 14.7667 11.1389 14.7667 11.2806 14.9083C11.9889 15.9 13.9722 18.875 15.2472 20.575C15.3889 20.7167 15.6722 20.8583 15.8139 20.8583C16.9472 20.8583 18.7889 20.8583 19.7806 20.8583C20.0639 20.8583 20.2056 20.575 20.0639 20.2917C18.7889 18.875 15.8139 14.4833 13.9722 11.9333Z" fill="#1C1C25"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/social/twitterLine.svg b/src/components/ImagesProvider/images/social/twitterLine.svg
new file mode 100644
index 00000000..00a1a4cd
--- /dev/null
+++ b/src/components/ImagesProvider/images/social/twitterLine.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.9639 20.4333C15.1056 20.575 15.3889 20.7167 15.5306 20.7167C16.6639 20.7167 18.5056 20.7167 19.3556 20.7167C19.6389 20.7167 19.7806 20.4333 19.6389 20.15C18.6472 18.5917 9.86391 5.98333 8.73058 4.28333C8.58891 4.14167 8.30558 4 8.16391 4C7.03058 4 5.33058 4 4.33891 4C4.05558 4 3.91391 4.28333 4.05558 4.56667C6.03891 7.54167 13.8306 18.875 14.9639 20.4333Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10.4305 14.1999L4.76379 20.9999" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M18.9304 4L13.4054 10.6583" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/ImagesProvider/images/theme/moon.svg b/src/components/ImagesProvider/images/theme/moon.svg
index 7954a3fd..40fba709 100644
--- a/src/components/ImagesProvider/images/theme/moon.svg
+++ b/src/components/ImagesProvider/images/theme/moon.svg
@@ -1,240 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25">
-  <path fill="url(#a)" d="M12 21.88c4.97 0 9-4.04 9-9.02a9.01 9.01 0 0 0-9-9.03c-4.97 0-9 4.04-9 9.03a9.01 9.01 0 0 0 9 9.02Z"/>
-  <path fill="url(#b)" d="M12 21.88c4.97 0 9-4.04 9-9.02a9.01 9.01 0 0 0-9-9.03c-4.97 0-9 4.04-9 9.03a9.01 9.01 0 0 0 9 9.02Z"/>
-  <path fill="url(#c)" d="M12 21.88c4.97 0 9-4.04 9-9.02a9.01 9.01 0 0 0-9-9.03c-4.97 0-9 4.04-9 9.03a9.01 9.01 0 0 0 9 9.02Z"/>
-  <path fill="url(#d)" d="M12 21.88c4.97 0 9-4.04 9-9.02a9.01 9.01 0 0 0-9-9.03c-4.97 0-9 4.04-9 9.03a9.01 9.01 0 0 0 9 9.02Z"/>
-  <path fill="url(#e)" d="M12 22.17c3.4 0 6.17-4.04 6.17-9.03 0-4.98-2.76-9.02-6.17-9.02s-6.17 4.04-6.17 9.02c0 4.99 2.76 9.03 6.17 9.03Z"/>
-  <path fill="url(#f)" d="M13.45 20.68c4.1 0 7.4-3.5 7.4-7.82 0-4.33-3.3-7.83-7.4-7.83-4.09 0-7.4 3.5-7.4 7.83 0 4.32 3.31 7.82 7.4 7.82Z"/>
-  <path fill="url(#g)" d="M19.9 8.52a10.97 10.97 0 0 1-15.68 8.87 9 9 0 0 0 15.67-8.87Z"/>
-  <path fill="url(#h)" d="M12.48 3.84A8.58 8.58 0 0 1 6.2 19.76a9.01 9.01 0 0 0 14.8-6.9 9 9 0 0 0-8.5-9.02Z"/>
-  <path fill="url(#i)" d="M13.14 5.48c.93 1.43-.2 3.82-2.52 5.35-2.33 1.52-4.96 1.61-5.9.18-.94-1.42.2-3.82 2.52-5.34 2.32-1.53 4.96-1.62 5.9-.19Z"/>
-  <path fill="url(#j)" d="M10.3 20.23a9.31 9.31 0 0 0 8.3-13.5 9.01 9.01 0 1 1-13.53 11.9 9.21 9.21 0 0 0 5.22 1.6Z"/>
-  <path fill="url(#k)" d="M12.15 15.84c-2.32 0-5.18.8-6.74 3.17A9.01 9.01 0 0 0 19.65 8.13c-.31 4.77-4.58 7.7-7.5 7.7Z"/>
-  <path fill="url(#l)" d="m6.35 19.89.14.1-.14-.1Z"/>
-  <path fill="url(#m)" d="m6.2 19.76.14.12-.14-.12Z"/>
-  <path fill="url(#n)" d="M8.87 20.19A8.56 8.56 0 0 0 17 8.99a5.12 5.12 0 0 1-1.45 1.74c-3.79 3.06-6.86-.23-12.54 2.62a9 9 0 0 0 3.18 6.4c.85.28 1.75.44 2.68.44Z"/>
-  <path fill="url(#o)" d="M6.2 19.76a8.56 8.56 0 0 0 4.95.11A9.33 9.33 0 0 1 5.4 6.73a9.02 9.02 0 0 0 .8 13.03Z"/>
-  <path fill="url(#p)" d="M12.48 3.84A8.58 8.58 0 0 1 6.2 19.76a9.01 9.01 0 0 0 14.8-6.9 9 9 0 0 0-8.5-9.02Z"/>
-  <path fill="url(#q)" d="M12.48 3.84A8.58 8.58 0 0 1 6.2 19.76a9.01 9.01 0 0 0 14.8-6.9 9 9 0 0 0-8.5-9.02Z"/>
-  <path fill="url(#r)" d="M12 21.88c4.97 0 9-4.04 9-9.02a9.01 9.01 0 0 0-9-9.03c-4.97 0-9 4.04-9 9.03a9.01 9.01 0 0 0 9 9.02Z" opacity=".5"/>
-  <path fill="#fff" d="m20.68 7.77.22 1.46.09-1.46c.25.02.5.12.7.3a1.2 1.2 0 0 1-.38-.73l.9-.13-.91-.06c0-.28.11-.56.31-.78-.18.2-.42.32-.67.37l-.21-1.43-.09 1.45a1.19 1.19 0 0 1-.72-.32c.22.2.35.48.38.76l-.88.13.88.05a1.2 1.2 0 0 1-.31.76c.19-.2.43-.32.7-.37ZM9.54 21.88l.16 1.35.12-1.35c.23.03.45.13.63.3a1.1 1.1 0 0 1-.33-.67l.83-.1-.83-.08c.01-.26.11-.51.3-.7-.17.17-.39.28-.62.31l-.16-1.31-.11 1.32a1.09 1.09 0 0 1-.66-.3c.2.19.3.44.33.7l-.8.1.8.07c-.02.24-.12.49-.3.68.17-.18.4-.28.64-.32ZM14.12 1.44l.08.82.09-.82c.14.02.27.09.38.2a.67.67 0 0 1-.2-.42l.5-.05-.5-.05c0-.16.08-.31.2-.43-.1.1-.24.17-.38.19L14.2.07l-.08.8a.63.63 0 0 1-.4-.18c.12.12.19.27.2.43l-.5.05.49.05a.7.7 0 0 1-.2.41.69.69 0 0 1 .41-.19ZM16.7 16.37l.08.82.09-.82c.14.02.27.09.38.2a.67.67 0 0 1-.2-.42l.5-.05-.5-.05c0-.16.08-.31.2-.43-.1.1-.24.16-.38.19l-.09-.81-.08.8a.63.63 0 0 1-.4-.18c.12.12.19.27.2.43l-.5.05.49.05a.7.7 0 0 1-.2.41.69.69 0 0 1 .4-.19ZM3.98 10.5l.15 1.25.11-1.26c.22.02.43.12.6.28-.19-.17-.28-.4-.3-.63l.77-.1-.78-.06c.01-.24.1-.48.3-.67a1 1 0 0 1-.6.3L4.1 8.37 4 9.62a1.02 1.02 0 0 1-.62-.29c.18.19.29.42.3.66l-.75.1.76.06c-.02.24-.11.47-.29.65a.98.98 0 0 1 .59-.3Z"/>
-  <path fill="url(#s)" d="M12.94 14.18a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#t)" d="M11.46 8.45a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#u)" d="M8.98 13.36a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#v)" d="M2.98 14.36a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#w)" d="M12.06 19.8a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#x)" d="M16.52 11.76a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#y)" d="M19.52 6.76a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#z)" d="M6.74 16.91a.14.14 0 1 0 0-.28.14.14 0 0 0 0 .28Z"/>
-  <path fill="url(#A)" d="M10.15 10.52a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#B)" d="M10.15 5.52a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#C)" d="M10.15 18.76a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#D)" d="M16.04 16.63a.14.14 0 1 0 0-.28.14.14 0 0 0 0 .28Z"/>
-  <path fill="url(#E)" d="M14.26 12.6a.14.14 0 1 0 0-.3.14.14 0 0 0 0 .3Z"/>
-  <path fill="url(#F)" d="M14.9 8.79a.14.14 0 1 0 0-.29.14.14 0 0 0 0 .29Z"/>
-  <path fill="url(#G)" d="M6.2 19.82a.33.33 0 1 0 0-.66.33.33 0 0 0 0 .66Z" opacity=".5"/>
-  <path fill="url(#H)" d="M6 12.27a.33.33 0 1 0 0-.66.33.33 0 0 0 0 .66Z" opacity=".5"/>
-  <path fill="url(#I)" d="M6 6.27a.33.33 0 1 0 0-.66.33.33 0 0 0 0 .66Z" opacity=".5"/>
-  <path fill="url(#J)" d="M9.36 14.2a.33.33 0 1 0 0-.67.33.33 0 0 0 0 .66Z" opacity=".5"/>
-  <path fill="url(#K)" d="M14.37 16.32a.33.33 0 1 0 0-.67.33.33 0 0 0 0 .67Z" opacity=".5"/>
-  <path fill="url(#L)" d="M23.37 16.32a.33.33 0 1 0 0-.67.33.33 0 0 0 0 .67Z" opacity=".5"/>
-  <path fill="url(#M)" d="M.37 12.32a.33.33 0 1 0 0-.67.33.33 0 0 0 0 .67Z" opacity=".5"/>
-  <path fill="url(#N)" d="M12.4 20.18a.33.33 0 1 0 0-.66.33.33 0 0 0 0 .66Z" opacity=".5"/>
-  <path fill="url(#O)" d="M3.34 16.86a.33.33 0 1 0 0-.66.33.33 0 0 0 0 .66Z" opacity=".5"/>
-  <path fill="#fff" d="m11.72 12.54.22 1.46.08-1.47c.26.03.5.13.7.3a1.2 1.2 0 0 1-.37-.72l.9-.13-.91-.06c0-.28.1-.56.3-.78-.17.2-.41.32-.66.37l-.21-1.43-.09 1.44a1.19 1.19 0 0 1-.73-.3c.23.2.35.47.38.75l-.87.13.88.05a1.2 1.2 0 0 1-.32.76c.2-.2.44-.33.7-.37Z"/>
-  <defs>
-    <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(9.84254 0 0 9.87418 11.03 12.66)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D1F2FF"/>
-      <stop offset=".11" stop-color="#CBF0FF"/>
-      <stop offset=".27" stop-color="#B8EBFF"/>
-      <stop offset=".45" stop-color="#9BE2FF"/>
-      <stop offset=".65" stop-color="#71D6FE"/>
-      <stop offset=".86" stop-color="#3DC6FE"/>
-      <stop offset="1" stop-color="#17BBFE"/>
-    </radialGradient>
-    <radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(19.9483 0 0 20.0125 -1 4.27)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#E100FF" stop-opacity="0"/>
-      <stop offset=".11" stop-color="#DB00FD" stop-opacity=".09"/>
-      <stop offset=".28" stop-color="#C800F7" stop-opacity=".21"/>
-      <stop offset=".46" stop-color="#AB00EC" stop-opacity=".35"/>
-      <stop offset=".67" stop-color="#8100DE" stop-opacity=".5"/>
-      <stop offset=".89" stop-color="#4D00CC" stop-opacity=".67"/>
-      <stop offset="1" stop-color="#3000C2" stop-opacity=".75"/>
-    </radialGradient>
-    <radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="matrix(12.7118 0 0 12.7526 9.6 9.85)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#D1F2FF"/>
-      <stop offset=".19" stop-color="#CBF0FF" stop-opacity=".95"/>
-      <stop offset=".46" stop-color="#B8EBFF" stop-opacity=".89"/>
-      <stop offset=".77" stop-color="#9BE2FE" stop-opacity=".81"/>
-      <stop offset="1" stop-color="#80DAFE" stop-opacity=".75"/>
-    </radialGradient>
-    <radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="matrix(9.32559 0 0 9.35557 11.84 12.64)" gradientUnits="userSpaceOnUse">
-      <stop offset=".87" stop-color="#3640FF" stop-opacity="0"/>
-      <stop offset=".9" stop-color="#353AF9" stop-opacity=".17"/>
-      <stop offset=".94" stop-color="#3427E8" stop-opacity=".4"/>
-      <stop offset=".99" stop-color="#310ACB" stop-opacity=".67"/>
-      <stop offset="1" stop-color="#3000C2" stop-opacity=".75"/>
-    </radialGradient>
-    <radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="matrix(3.48752 -2.29386 2.2968 3.49197 8.93 8.24)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="matrix(20.3489 0 0 20.4143 3.73 4.6)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FF7AD3"/>
-      <stop offset="1" stop-color="#3000C2" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="k" cx="0" cy="0" r="1" gradientTransform="matrix(14.8919 0 0 14.9398 9.31 2.52)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#7000A3"/>
-      <stop offset="1" stop-color="#B64AE8" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="l" cx="0" cy="0" r="1" gradientTransform="matrix(.0924 0 0 .0927 6.4 19.89)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FB9DC1"/>
-      <stop offset=".15" stop-color="#F5A0C4" stop-opacity=".85"/>
-      <stop offset=".35" stop-color="#E2A9CD" stop-opacity=".65"/>
-      <stop offset=".59" stop-color="#C5B8DC" stop-opacity=".41"/>
-      <stop offset=".85" stop-color="#9CCCF0" stop-opacity=".15"/>
-      <stop offset="1" stop-color="#80DAFE" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="m" cx="0" cy="0" r="1" gradientTransform="matrix(.09269 0 0 .09298 6.26 19.76)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FB9DC1"/>
-      <stop offset=".15" stop-color="#F5A0C4" stop-opacity=".85"/>
-      <stop offset=".35" stop-color="#E2A9CD" stop-opacity=".65"/>
-      <stop offset=".59" stop-color="#C5B8DC" stop-opacity=".41"/>
-      <stop offset=".85" stop-color="#9CCCF0" stop-opacity=".15"/>
-      <stop offset="1" stop-color="#80DAFE" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="q" cx="0" cy="0" r="1" gradientTransform="matrix(10.1334 0 0 12.3559 11.63 9.24)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="r" cx="0" cy="0" r="1" gradientTransform="matrix(14.081 0 0 14.1263 12.07 9.22)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#3700FF" stop-opacity="0"/>
-      <stop offset=".11" stop-color="#3300FD" stop-opacity=".09"/>
-      <stop offset=".28" stop-color="#7700F7" stop-opacity=".21"/>
-      <stop offset=".46" stop-color="#5A00EC" stop-opacity=".35"/>
-      <stop offset=".67" stop-color="#3700DE" stop-opacity=".5"/>
-      <stop offset=".89" stop-color="#0A00CC" stop-opacity=".67"/>
-      <stop offset="1" stop-color="#3000C2" stop-opacity=".75"/>
-    </radialGradient>
-    <radialGradient id="s" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 12.93 14.03)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="t" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 11.46 8.3)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="u" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 8.98 13.2)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="v" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 2.98 14.2)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="w" cx="0" cy="0" r="1" gradientTransform="matrix(.14589 0 0 .14636 12.06 19.65)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="x" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 16.52 11.61)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="y" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 19.52 6.61)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="z" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 6.74 16.77)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="A" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 10.15 10.37)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="B" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 10.15 5.37)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="C" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 10.15 18.62)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="D" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 16.04 16.49)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="E" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 14.26 12.45)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="F" cx="0" cy="0" r="1" gradientTransform="matrix(.1459 0 0 .14636 14.89 8.64)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="G" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 6.2 19.48)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="H" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 6 11.93)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="I" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 6 5.93)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="J" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 9.36 13.85)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="K" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 14.37 15.98)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="L" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 23.37 15.98)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="M" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 .37 11.98)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="N" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34151 12.41 19.84)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="O" cx="0" cy="0" r="1" gradientTransform="matrix(.34042 0 0 .34152 3.34 16.52)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <linearGradient id="e" x1="8.35" x2="24.4" y1="15.63" y2="4.75" gradientUnits="userSpaceOnUse">
-      <stop offset=".03" stop-color="#80DAFE" stop-opacity="0"/>
-      <stop offset="1" stop-color="#9F00E8"/>
-    </linearGradient>
-    <linearGradient id="f" x1="5.19" x2="32.3" y1="5.31" y2="29.93" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#80DAFE" stop-opacity="0"/>
-      <stop offset="1" stop-color="#008EE6"/>
-    </linearGradient>
-    <linearGradient id="g" x1="13.72" x2="20.27" y1="15.11" y2="23.25" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#B64AE8" stop-opacity="0"/>
-      <stop offset="1" stop-color="#7000A3"/>
-    </linearGradient>
-    <linearGradient id="h" x1="13.04" x2="23.97" y1="13.23" y2="6.07" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#80DAFE" stop-opacity="0"/>
-      <stop offset="1" stop-color="#008EE6"/>
-    </linearGradient>
-    <linearGradient id="n" x1="5.34" x2="28.37" y1="9.23" y2="28.05" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#80DAFE" stop-opacity="0"/>
-      <stop offset="1" stop-color="#008EE6"/>
-    </linearGradient>
-    <linearGradient id="o" x1="8.22" x2="3.15" y1="11.7" y2="29.51" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#80DAFE" stop-opacity="0"/>
-      <stop offset="1" stop-color="#008EE6"/>
-    </linearGradient>
-    <linearGradient id="p" x1="13.75" x2="27.85" y1="13.71" y2="20.56" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#80DAFE" stop-opacity=".2"/>
-      <stop offset="1" stop-color="#008EE6"/>
-    </linearGradient>
-  </defs>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14.6709 4C14.3703 4 14.22 4.15029 14.22 4.45088C14.8212 5.9538 14.9714 7.60701 14.5206 9.41051C13.6188 13.0175 10.4627 15.4222 6.70539 15.4222C6.4048 15.4222 6.10422 15.4222 5.80364 15.4222C5.50305 15.4222 5.35276 15.7228 5.50305 15.8731C7.00597 18.5783 10.1621 20.3818 13.6188 19.931C17.0755 19.4801 19.9311 16.7748 20.382 13.3181C20.9831 8.95964 18.4282 5.20234 14.6709 4Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.45672 11.0637L7.7573 12.1158L7.90759 11.214C8.20818 10.0117 9.10993 8.95964 10.4626 8.65906L11.3643 8.50876L10.4626 8.35847C9.10993 7.9076 8.20818 7.00585 7.90759 5.65322L7.7573 4.75146L7.45672 5.65322C7.30642 7.00585 6.25438 7.9076 5.05204 8.20818L4 8.35847L4.90175 8.50876C6.25438 8.95964 7.30642 9.86139 7.45672 11.0637Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/theme/sun.svg b/src/components/ImagesProvider/images/theme/sun.svg
index e3c52c25..3f18b633 100644
--- a/src/components/ImagesProvider/images/theme/sun.svg
+++ b/src/components/ImagesProvider/images/theme/sun.svg
@@ -1,118 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <g filter="url(#a)">
-    <path fill="url(#b)" d="M10.42 16.28a6.12 6.12 0 1 0 0-12.24 6.12 6.12 0 0 0 0 12.24Z"/>
-  </g>
-  <path fill="url(#c)" d="M10.42 16.28a6.12 6.12 0 1 0 0-12.24 6.12 6.12 0 0 0 0 12.24Z"/>
-  <path fill="url(#d)" d="m10 0 1.73 3H8.27L10 0Z"/>
-  <path fill="url(#e)" d="m.5 10.5 3-1.73v3.46l-3-1.73Z"/>
-  <path fill="url(#f)" d="m20.5 10.5-3-1.73v3.46l3-1.73Z"/>
-  <path fill="url(#g)" d="m3.09 3.41.9 3.35 2.44-2.45-3.34-.9Z"/>
-  <path fill="url(#h)" d="m17.42 3.09-3.35.9 2.45 2.44.9-3.34Z"/>
-  <path fill="url(#i)" d="m3.38 17.41 3.35-.9-2.45-2.44-.9 3.34Z"/>
-  <path fill="url(#j)" d="M10.33 19.23a4.04 4.04 0 1 0 0-8.1 4.04 4.04 0 0 0 0 8.1Z"/>
-  <path fill="url(#k)" d="M15.68 18.45a4.48 4.48 0 1 0 0-8.96 4.48 4.48 0 0 0 0 8.96Z"/>
-  <path fill="url(#l)" d="M13.77 20.2a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z"/>
-  <path fill="url(#m)" d="M7 21h12v-5H7.68L7 21Z"/>
-  <path fill="url(#n)" d="M17.12 21.38a5.02 5.02 0 1 0 0-10.05 5.02 5.02 0 0 0 0 10.05Z"/>
-  <path fill="url(#o)" d="M18.52 21.18a5.02 5.02 0 1 1-2.8-9.65 5.02 5.02 0 0 1 2.8 9.65Z"/>
-  <path fill="url(#p)" d="M11.06 11.2a4.05 4.05 0 0 0-4.01 6.34l1.53-1.1c-.9-2.05-.43-4.7 2.48-5.24Z"/>
-  <path fill="url(#q)" d="M8.53 21.38a4.04 4.04 0 1 0 0-8.1 4.04 4.04 0 0 0 0 8.1Z"/>
-  <defs>
-    <radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="translate(8.79 7.7) scale(8.38327)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(60.36 -1.89 11.08) scale(2.67443 5.02904)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff" stop-opacity=".5"/>
-      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="translate(9.47 1.2) scale(2.73884)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="rotate(-90 6.36 4.67) scale(2.73884)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="rotate(-90 15.17 -4.14) scale(2.73884)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="rotate(135 1.35 2.83) scale(2.73884)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="rotate(-135 9.37 -1.36) scale(2.73884)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="rotate(45 -17.62 12.74) scale(2.73884)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FBE07A"/>
-      <stop offset="1" stop-color="#FF9D00"/>
-    </radialGradient>
-    <radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="translate(10.97 16.59) scale(9.37449)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".35" stop-color="#FCFDFD"/>
-      <stop offset=".6" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#CFDCDE"/>
-    </radialGradient>
-    <radialGradient id="k" cx="0" cy="0" r="1" gradientTransform="translate(12.97 15.38) scale(7.5243)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".35" stop-color="#FCFDFD"/>
-      <stop offset=".6" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#B0C6C9"/>
-    </radialGradient>
-    <radialGradient id="l" cx="0" cy="0" r="1" gradientTransform="matrix(5.04728 0 0 5.04727 13.2 16.74)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".35" stop-color="#FCFDFD"/>
-      <stop offset=".6" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#B0C6C9"/>
-    </radialGradient>
-    <radialGradient id="n" cx="0" cy="0" r="1" gradientTransform="translate(15.54 12.03) scale(9.93681)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".34" stop-color="#FCFDFD"/>
-      <stop offset=".59" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#CFDCDE"/>
-    </radialGradient>
-    <radialGradient id="o" cx="0" cy="0" r="1" gradientTransform="matrix(2.58296 8.89769 -8.89684 2.58272 13.25 12.94)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".35" stop-color="#FCFDFD"/>
-      <stop offset=".6" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#B0C6C9"/>
-    </radialGradient>
-    <radialGradient id="p" cx="0" cy="0" r="1" gradientTransform="rotate(119.18 1.06 8.12) scale(10.0369)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#CFDCDE" stop-opacity="0"/>
-      <stop offset=".89" stop-color="#CFDCDE" stop-opacity=".89"/>
-      <stop offset="1" stop-color="#CFDCDE"/>
-    </radialGradient>
-    <radialGradient id="q" cx="0" cy="0" r="1" gradientTransform="translate(11.2 13.8) scale(7.80446)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".35" stop-color="#FCFDFD"/>
-      <stop offset=".6" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#B0C6C9"/>
-    </radialGradient>
-    <linearGradient id="m" x1="13" x2="13" y1="14.39" y2="21.2" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#fff"/>
-      <stop offset=".35" stop-color="#FCFDFD"/>
-      <stop offset=".6" stop-color="#F3F6F7"/>
-      <stop offset=".81" stop-color="#E3EBEC"/>
-      <stop offset="1" stop-color="#CFDCDE"/>
-    </linearGradient>
-    <filter id="a" width="12.24" height="12.24" x="4.3" y="4.04" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-      <feOffset/>
-      <feGaussianBlur stdDeviation=".57"/>
-      <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/>
-      <feColorMatrix values="0 0 0 0 0.8 0 0 0 0 0.384314 0 0 0 0 0.156863 0 0 0 0.5 0"/>
-      <feBlend in2="shape" result="effect1_innerShadow_1537_26321"/>
-    </filter>
-  </defs>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10.2968 5.72378L11.8912 3.1993C12.024 2.93357 12.2898 2.93357 12.4226 3.1993L14.017 5.72378C14.1499 5.98951 14.017 6.25525 13.7513 6.25525H10.5625C10.2968 6.25525 10.1639 5.98951 10.2968 5.72378Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.017 19.2762L12.4226 21.8007C12.2898 22.0664 12.024 22.0664 11.8912 21.8007L10.2968 19.2762C10.1639 19.0105 10.2968 18.7448 10.5625 18.7448H13.7513C14.017 18.7448 14.1499 19.0105 14.017 19.2762Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16.9402 7.45099H19.9961C20.2619 7.45099 20.3947 7.71672 20.2619 7.98246L18.9332 10.6398C18.8003 10.9055 18.5346 10.9055 18.4017 10.6398L16.6744 7.84959C16.5416 7.71672 16.6744 7.45099 16.9402 7.45099Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.3738 17.5489H4.31786C4.05212 17.5489 3.91926 17.2831 4.05212 17.0174L5.3808 14.3601C5.51366 14.0943 5.7794 14.0943 5.91226 14.3601L7.63954 17.1503C7.7724 17.2831 7.63954 17.5489 7.3738 17.5489Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.3738 7.45099H4.31786C4.05212 7.45099 3.91926 7.71672 4.05212 7.98246L5.3808 10.6398C5.51366 10.9055 5.7794 10.9055 5.91226 10.6398L7.63954 7.84959C7.7724 7.71672 7.63954 7.45099 7.3738 7.45099Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16.9402 17.5489H19.9961C20.2619 17.5489 20.3947 17.2831 20.2619 17.0174L18.9332 14.3601C18.8003 14.0943 18.5346 14.0943 18.4017 14.3601L16.6744 17.1503C16.5416 17.2831 16.6744 17.5489 16.9402 17.5489Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12.1571 16.3531C14.2851 16.3531 16.0102 14.628 16.0102 12.5C16.0102 10.372 14.2851 8.64685 12.1571 8.64685C10.0291 8.64685 8.30396 10.372 8.30396 12.5C8.30396 14.628 10.0291 16.3531 12.1571 16.3531Z" stroke="#1C1C25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/components/ImagesProvider/images/token/ETH-dark.svg b/src/components/ImagesProvider/images/token/ETH-dark.svg
new file mode 100644
index 00000000..86f035d8
--- /dev/null
+++ b/src/components/ImagesProvider/images/token/ETH-dark.svg
@@ -0,0 +1,15 @@
+<svg width="30" height="48" viewBox="0 0 30 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_9711_19956)">
+<path d="M14.9881 0V1.17057L14.9878 32.1475L14.9881 32.9225L29.4666 24.2747L14.9881 0Z" fill="#CFD2ED"/>
+<path d="M14.9885 0L0.51001 24.2747L14.9885 32.9226V17.625V0Z" fill="#E8EBF5"/>
+<path d="M14.9885 35.9846V36.1974L14.988 47.2453L14.9885 48L29.4757 27.3104L14.9885 35.9846Z" fill="#CFD2ED"/>
+<path d="M14.9885 48V35.9846L0.51001 27.3104L14.9885 48Z" fill="#E8EBF5"/>
+<path d="M14.988 32.9224L29.4663 24.2747L14.988 17.625V32.9224Z" fill="#ADB2E6"/>
+<path d="M0.51001 24.2748L14.9882 32.9225V17.6251L0.51001 24.2748Z" fill="#CFD2ED"/>
+</g>
+<defs>
+<clipPath id="clip0_9711_19956">
+<rect width="30" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/ImagesProvider/images/token/GNO-dark.svg b/src/components/ImagesProvider/images/token/GNO-dark.svg
new file mode 100644
index 00000000..56ecd638
--- /dev/null
+++ b/src/components/ImagesProvider/images/token/GNO-dark.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.757 26.7757C16.9065 26.7757 18.028 26.3925 18.9346 25.6916L11.6449 18.4019C9.88784 20.6729 10.3084 23.9439 12.5794 25.7009C13.4953 26.3925 14.6075 26.7757 15.757 26.7757Z" fill="#D8F4EA"/>
+<path d="M37.4393 21.5701C37.4393 20.4206 37.0561 19.2991 36.3551 18.3926L29.0654 25.6823C31.3365 27.4393 34.5981 27.0187 36.3551 24.7477C37.0561 23.8412 37.4393 22.7197 37.4393 21.5701Z" fill="#D8F4EA"/>
+<path d="M41.1122 13.6355L37.8879 16.8598C40.486 19.9719 40.0748 24.6075 36.9626 27.2056C34.2336 29.486 30.271 29.486 27.5421 27.2056L24 30.7476L20.4673 27.2149C17.3551 29.8131 12.7196 29.4019 10.1215 26.2897C7.84112 23.5607 7.84112 19.5981 10.1215 16.8691L8.46729 15.2149L6.8972 13.6355C5 16.757 4 20.3458 4 24C4 35.0467 12.9533 44 24 44C35.0467 44 44 35.0467 44 24C44.0093 20.3458 43 16.757 41.1122 13.6355Z" fill="#D8F4EA"/>
+<path d="M38.4673 10.1961C30.8505 2.2055 18.1963 1.90644 10.2056 9.52325C9.97198 9.74755 9.74768 9.97186 9.53273 10.1961C9.0374 10.7195 8.57011 11.2616 8.13086 11.8317L24 27.7102L39.8692 11.8317C39.4393 11.2616 38.9626 10.7195 38.4673 10.1961ZM24 6.61672C28.6729 6.61672 33.0281 8.42046 36.2991 11.7102L24 24.0092L11.701 11.7102C14.972 8.42046 19.3271 6.61672 24 6.61672Z" fill="#D8F4EA"/>
+</svg>
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
index d50ed610..fa2867a6 100644
--- a/src/components/Input/Input.tsx
+++ b/src/components/Input/Input.tsx
@@ -1,11 +1,24 @@
 import React, { useCallback, useState } from 'react'
 import { formatEther, parseEther } from 'ethers'
 import forms from 'modules/forms'
+import intl from 'modules/intl'
 
 import InputView, { InputViewProps } from './InputView/InputView'
 
 
+type InputMask = keyof typeof forms.masks
+
+const applyMask = (value: string, mask: InputMask | undefined): string => {
+  if (mask && typeof forms.masks[mask] === 'function') {
+    return forms.masks[mask](value)
+  }
+
+  return value
+}
+
 export type InputProps = Omit<InputViewProps, 'value'> & {
+  type?: React.HTMLInputTypeAttribute
+  mask?: InputMask
   withCrossButton?: boolean
   withChangeValue?: boolean
   field: Forms.Field<string | bigint>
@@ -15,40 +28,44 @@ export type InputProps = Omit<InputViewProps, 'value'> & {
 const Input: React.FC<InputProps> = (props) => {
   const {
     className, field, label, disabled, autoFocus, dataTestId,
-    buttonTitle, description, secondaryButtonTitle, multiline,
-    elementClassName,
+    buttonTitle, description, isButtonDisabled, multiline,
+    elementClassName, placeholder, isCustomFocus, mask,
 
     withCrossButton = true,
     withChangeValue = true,
 
-    onButtonClick, onSecondaryButtonClick, onChange, onFocus, onBlur, ...otherProps
+    onButtonClick, onChange, onFocus, onBlur, onEnter, ...otherProps
   } = props
 
   const [ dot, setDot ] = useState(false)
   const { value, error } = forms.useFieldValue(field)
 
-  const handleChange = useCallback((value: string) => {
+  const intlRef = intl.useIntlRef()
+
+  const handleChange = useCallback((rawValue: string) => {
+    const maskedValue = applyMask(rawValue, mask)
+
     if (typeof onChange === 'function') {
-      onChange(value)
+      onChange(maskedValue)
     }
 
     if (withChangeValue) {
-      if (value === undefined) {
-        field.setValue(value)
+      if (maskedValue === undefined) {
+        field.setValue(maskedValue)
 
         return
       }
 
       if (field.isBigInt) {
-        if (!value) {
+        if (!maskedValue) {
           field.setValue(undefined)
 
           return
         }
 
-        const isValid = /^\d+\.?\d*$/.test(value)
+        const isValid = /^\d+\.?\d*$/.test(maskedValue)
 
-        if (value[value.length - 1] === '.') {
+        if (maskedValue[maskedValue.length - 1] === '.') {
           setDot(true)
         }
         else {
@@ -59,15 +76,15 @@ const Input: React.FC<InputProps> = (props) => {
           return
         }
 
-        const result = parseEther(value)
+        const result = parseEther(maskedValue)
 
         field.setValue(result)
       }
       else {
-        field.setValue(value)
+        field.setValue(maskedValue)
       }
     }
-  }, [ field, withChangeValue, onChange ])
+  }, [ field, withChangeValue, onChange, mask ])
 
   const handleCrossClick = withCrossButton
     ? () => field.reset()
@@ -77,6 +94,10 @@ const Input: React.FC<InputProps> = (props) => {
     throw new Error('Input should work with bigint or string field')
   }
 
+  if (label && placeholder) {
+    throw new Error('You should use either label or placeholder, not both')
+  }
+
   const formattedValue: string | undefined = (() => {
     if (value === undefined) {
       return value
@@ -91,6 +112,12 @@ const Input: React.FC<InputProps> = (props) => {
     return field.value as string
   })()
 
+  const formattedPlaceholder: Intl.Message | string | undefined = (() => {
+    if (placeholder) {
+      return intlRef.current.formatMessage(placeholder as Intl.MessageTranslation)
+    }
+  })()
+
   return (
     <InputView
       className={className}
@@ -104,14 +131,16 @@ const Input: React.FC<InputProps> = (props) => {
       buttonTitle={buttonTitle}
       description={description}
       isRequired={field.isRequired}
+      isCustomFocus={isCustomFocus}
+      placeholder={formattedPlaceholder}
+      isButtonDisabled={isButtonDisabled}
       elementClassName={elementClassName}
-      secondaryButtonTitle={secondaryButtonTitle}
       onBlur={onBlur}
       onFocus={onFocus}
+      onEnter={onEnter}
       onChange={handleChange}
       onButtonClick={onButtonClick}
       onCrossClick={handleCrossClick}
-      onSecondaryButtonClick={onSecondaryButtonClick}
       {...otherProps}
     />
   )
diff --git a/src/components/Input/InputButton/InputButton.tsx b/src/components/Input/InputButton/InputButton.tsx
index 91c0fd15..6e9e8ee6 100644
--- a/src/components/Input/InputButton/InputButton.tsx
+++ b/src/components/Input/InputButton/InputButton.tsx
@@ -20,14 +20,14 @@ const InputButton: React.FC<InputButtonProps> = (props) => {
 
   return (
     <ButtonBase
-      className={cx(s.button, className, 'rounded-6 px-12')}
+      className={cx(s.button, className, 'rounded-12 px-8')}
       disabled={disabled}
       dataTestId={dataTestId}
       onClick={onClick}
     >
       <Text
         message={title}
-        size="t12"
+        size="xs"
         color="dark"
       />
     </ButtonBase>
diff --git a/src/components/Input/InputView/InputView.module.scss b/src/components/Input/InputView/InputView.module.scss
index 0fb52307..d5b8fc1e 100644
--- a/src/components/Input/InputView/InputView.module.scss
+++ b/src/components/Input/InputView/InputView.module.scss
@@ -73,8 +73,12 @@ $bg-color-error-hover: rgba($color-error-rgb, .15);
   }
 }
 
+.crossButton:focus {
+  opacity: 1;
+}
+
 .label {
-  top: 14px;
+  top: 12px;
   pointer-events: none;
   @include basic-transition();
 }
@@ -104,3 +108,14 @@ $bg-color-error-hover: rgba($color-error-rgb, .15);
   opacity: 0;
   @include basic-transition();
 }
+
+.isCustomFocus {
+
+  &:not(.disabled) {
+    &.focused {
+      @include shadow-xl;
+      @include field-colors($border-color-hover, rgba($color-white-rgb, .5));
+    }
+  }
+
+}
diff --git a/src/components/Input/InputView/InputView.tsx b/src/components/Input/InputView/InputView.tsx
index cbe9c1a9..61920f39 100644
--- a/src/components/Input/InputView/InputView.tsx
+++ b/src/components/Input/InputView/InputView.tsx
@@ -1,10 +1,13 @@
-import React, { useState, useCallback, useRef, useId, useEffect, ChangeEventHandler } from 'react'
+import React, { useCallback, useRef, useId, useEffect, ChangeEventHandler, MouseEventHandler, KeyboardEventHandler } from 'react'
 import cx from 'classnames'
 import { methods } from 'helpers'
+import device from 'modules/device'
+import { useObjectState } from 'hooks'
+import { GlobalHtmlAttributes } from 'helpers/methods/getGlobalHtmlAttrs'
 
 import Text from '../../Text/Text'
-import Icon from '../../Icon/Icon'
 import Logo from '../../Logo/Logo'
+import Icon, { IconProps } from '../../Icon/Icon'
 import ButtonBase from '../../ButtonBase/ButtonBase'
 
 import InputButton from '../InputButton/InputButton'
@@ -20,40 +23,51 @@ type ViewProps = {
   onCrossClick?: () => void
 }
 
-export type InputViewProps = ViewProps & {
+export type InputViewProps = ViewProps & GlobalHtmlAttributes & {
   className?: string
   elementClassName?: string
   description?: Intl.Message | string
   label?: Intl.Message | string
+  icon?: IconProps['name']
+  rightIcon?: IconProps['name']
+  placeholder?: Intl.Message | string
   disabled?: boolean
+  isButtonDisabled?: boolean
   multiline?: number
   token?: Tokens
-  secondaryButtonTitle?: Intl.Message | string
   autoFocus?: boolean
   dataTestId?: string
+  isCustomFocus?: boolean
   buttonTitle?: Intl.Message | string
-  onButtonClick?: () => void
-  onSecondaryButtonClick?: () => void
-  onChange?: (value: string) => void
-  onFocus?: () => void
+  validateOn?: 'change' | 'blur'
   onBlur?: () => void
+  onFocus?: () => void
+  onEnter?: () => void
+  onChange?: (value: string) => void
+  onKeyDown?: KeyboardEventHandler<HTMLInputElement>
+  onButtonClick?: () => void
 }
 
 const InputView: React.FC<InputViewProps> = (props) => {
   const {
-    className, value, error, label, autoFocus, description, secondaryButtonTitle,
-    token, disabled, isRequired, dataTestId, multiline, buttonTitle, elementClassName,
+    className, value, error, label, icon, rightIcon, autoFocus, description, isButtonDisabled = false, placeholder, isCustomFocus,
+    token, disabled, isRequired, dataTestId, multiline, buttonTitle, elementClassName, validateOn = 'change',
 
-    onButtonClick, onSecondaryButtonClick, onCrossClick, onChange, onBlur, onFocus, ...otherProps
+    onButtonClick, onCrossClick, onChange, onBlur, onFocus, onEnter, onKeyDown, ...otherProps
   } = props
 
   const inputRef = useRef<HTMLInputElement>(null)
   const textAreaRef = useRef<HTMLTextAreaElement>(null)
-  const [ isFocused, setFocused ] = useState(Boolean(autoFocus))
+  const [ { isFocused, isTouched }, setState ] = useObjectState({
+    isFocused: Boolean(autoFocus),
+    isTouched: false,
+  })
 
   const isTextArea = Boolean(multiline)
   const ref = isTextArea ? textAreaRef : inputRef
 
+  const { isMobile } = device.useData()
+
   const handleButtonClick = useCallback((event: any) => {
     event.stopPropagation()
 
@@ -62,35 +76,27 @@ const InputView: React.FC<InputViewProps> = (props) => {
     }
   }, [ onButtonClick ])
 
-  const handleSecondaryButtonClick = useCallback((event: any) => {
-    event.stopPropagation()
-
-    if (typeof onSecondaryButtonClick === 'function') {
-      onSecondaryButtonClick()
-    }
-  }, [ onSecondaryButtonClick ])
-
   useEffect(() => {
     if (autoFocus) {
-      setFocused(true)
+      setState({ isFocused: true })
     }
-  }, [ autoFocus ])
+  }, [ autoFocus, setState ])
 
   const handleBlur = useCallback(() => {
     if (typeof onBlur === 'function') {
       onBlur()
     }
 
-    setFocused(false)
-  }, [ onBlur ])
+    setState({ isFocused: false, isTouched: true })
+  }, [ onBlur, setState ])
 
   const handleFocus = useCallback(() => {
     if (typeof onFocus === 'function') {
       onFocus()
     }
 
-    setFocused(true)
-  }, [ onFocus ])
+    setState({ isFocused: true })
+  }, [ onFocus, setState ])
 
   const handleChange = useCallback<ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>>((event) => {
     const value = event.target.value
@@ -100,9 +106,31 @@ const InputView: React.FC<InputViewProps> = (props) => {
     }
   }, [ onChange ])
 
+  const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(event)
+    }
+
+    if (typeof onEnter === 'function' && event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault()
+      onEnter()
+    }
+  }, [ onEnter, onKeyDown ])
+
   useEffect(() => {
     if (isFocused && !disabled && ref.current) {
-      ref.current.focus()
+      const length = ref.current.value?.length || 0
+      const element = ref.current
+
+      element.focus()
+
+      // setSelectionRange is supported only for textareas and text-like input types
+      const isTextarea = element instanceof HTMLTextAreaElement
+      const isTextLikeInput = !isTextarea && [ 'text', 'search', 'url', 'tel', 'password' ].includes(element.type)
+
+      if (isTextarea || isTextLikeInput) {
+        element.setSelectionRange(length, length)
+      }
     }
   }, [ ref, isFocused, disabled ])
 
@@ -111,12 +139,13 @@ const InputView: React.FC<InputViewProps> = (props) => {
   const disableCrossClick = useRef(false)
   const testId = dataTestId || `input-${controlId}`
 
-  const isError = Boolean(error)
+  const isError = Boolean(error) && (validateOn !== 'blur' || isTouched)
   const isFilled = value !== undefined && value !== ''
   const isShowTooltip = isError && isFocused && typeof error !== 'boolean'
 
   const containerClassName = cx(s.container, 'w-full flex items-center rounded-8', {
     [s.focused]: isFocused && !disabled,
+    [s.isCustomFocus]: isFocused && !disabled && isCustomFocus,
     [s.filled]: isFilled,
     [s.error]: isError && !isFocused,
     [s.disabled]: disabled,
@@ -130,7 +159,7 @@ const InputView: React.FC<InputViewProps> = (props) => {
   const inputClassName = cx(
     s.field,
     elementClassName,
-    'w-full text-t14m overflow-ellipsis whitespace-nowrap text-dark',
+    'w-full text-sm font-medium overflow-ellipsis whitespace-nowrap text-moon flex-1',
     {
       'mt-16': Boolean(label),
       'cursor-default': disabled,
@@ -141,17 +170,26 @@ const InputView: React.FC<InputViewProps> = (props) => {
     s.field,
     s.isMultiline,
     elementClassName,
-    'w-full mb-8 pb-8 pr-32 text-t14m text-dark scroll-y',
+    'w-full mb-8 pb-8 pr-36 font-medium text-dark scroll-y',
     {
+      'text-md': isMobile,
+      'text-sm': !isMobile,
       'mt-24': Boolean(label),
+      'mt-12': Boolean(placeholder),
       'cursor-default': disabled,
     }
   )
 
+  const tooltipClassName = `
+    py-4 px-8 mb-8 rounded-8 absolute left-0 bottom-full
+    bg-white backdrop-blur-[30px] border border-coal/20 shadow-md
+  `
+
   const elementProps = {
     ...htmlAttrs,
     ref,
     disabled,
+    placeholder,
     id: controlId,
     value: value || '',
     'data-testid': testId,
@@ -160,13 +198,16 @@ const InputView: React.FC<InputViewProps> = (props) => {
     onBlur: handleBlur,
     onFocus: handleFocus,
     onChange: handleChange,
+    onKeyDown: handleKeyDown,
     className: isTextArea ? textareaClassName : inputClassName,
     ...(isTextArea && {
       rows: multiline,
     }),
   }
 
-  const handleCrossClick = useCallback(() => {
+  const handleCrossClick = useCallback((event?: Parameters<MouseEventHandler>[0]) => {
+    event?.stopPropagation()
+
     if (typeof onCrossClick === 'function' && !disableCrossClick.current) {
       onCrossClick()
     }
@@ -174,11 +215,14 @@ const InputView: React.FC<InputViewProps> = (props) => {
     disableCrossClick.current = false
   }, [ onCrossClick ])
 
+  const isCrossButtonShown = typeof onCrossClick === 'function' && isFilled && !disabled
+
   return (
     <div className={cx(className, 'relative')}>
       <div
         className={containerClassName}
         onKeyDown={(event) => {
+          event.stopPropagation()
           // fix cross click instead of form submit
           disableCrossClick.current = event.key === 'Enter'
         }}
@@ -193,6 +237,15 @@ const InputView: React.FC<InputViewProps> = (props) => {
             />
           )
         }
+        {
+          icon && (
+            <Icon
+              className="mr-8"
+              name={icon}
+              size={20}
+            />
+          )
+        }
         <div className="w-full h-full inline-flex flex-col justify-center relative">
           {
             Boolean(label) && (
@@ -200,7 +253,7 @@ const InputView: React.FC<InputViewProps> = (props) => {
                 className={cx(s.label, 'absolute left-0 w-full overflow-ellipsis whitespace-nowrap opacity-60')}
                 message={label as string}
                 tag="label"
-                size={(value || isFocused && !disabled) ? 't12' : 't14'}
+                size={(value || isFocused && !disabled) ? 'xs' : 'sm'}
                 color="dark"
                 htmlFor={controlId}
               />
@@ -214,19 +267,28 @@ const InputView: React.FC<InputViewProps> = (props) => {
               )
             }
             {
-              typeof onCrossClick === 'function' && isFilled && !disabled && (
+              isCrossButtonShown && (
                 <ButtonBase
                   className={cx(s.crossButton, {
                     'ml-16': !multiline,
                     'absolute': multiline,
                   })}
                   ariaLabel={messages.resetValue}
-                  dataTestId={`${testId}-close-button`}
+                  dataTestId={`${testId}-cross-button`}
+                  onKeyDown={(event) => {
+                    if (event.key === 'Enter') {
+                      event.preventDefault()
+
+                      disableCrossClick.current = false
+                      handleCrossClick()
+                      ref.current?.focus()
+                    }
+                  }}
                   onClick={handleCrossClick}
                 >
                   <Icon
                     name="icon/close"
-                    size={24}
+                    size={16}
                     color="dark"
                   />
                 </ButtonBase>
@@ -235,22 +297,20 @@ const InputView: React.FC<InputViewProps> = (props) => {
             {
               Boolean(buttonTitle) && (
                 <InputButton
-                  className="ml-8"
-                  disabled={disabled}
+                  className="ml-8 flex-col"
                   title={buttonTitle as string}
                   dataTestId={`${testId}-button`}
+                  disabled={isButtonDisabled || disabled}
                   onClick={handleButtonClick}
                 />
               )
             }
             {
-              Boolean(secondaryButtonTitle) && (
-                <InputButton
-                  className="ml-8"
-                  disabled={disabled}
-                  dataTestId={`${testId}-secondary-button`}
-                  title={secondaryButtonTitle as string}
-                  onClick={handleSecondaryButtonClick}
+              (!isCrossButtonShown && rightIcon) && (
+                <Icon
+                  className="opacity-70"
+                  name={rightIcon}
+                  size={20}
                 />
               )
             }
@@ -261,7 +321,8 @@ const InputView: React.FC<InputViewProps> = (props) => {
         Boolean(description) && (
           <Text
             className={cx(s.description, 'w-full mt-4')}
-            size="t12"
+            html
+            size="xs"
             color="inherit"
             message={description as Intl.Message}
           />
@@ -269,10 +330,10 @@ const InputView: React.FC<InputViewProps> = (props) => {
       }
       {
         isShowTooltip && (
-          <div className="py-8 px-16 rounded-8 absolute left-0 bottom-full bg-black mb-4">
+          <div className={tooltipClassName}>
             <Text
-              size="t14"
-              color="white"
+              size="sm"
+              color={error ? 'error' : 'dark'}
               message={error as Intl.Message}
               dataTestId={`${testId}-error`}
             />
diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
index 4023ac81..1a66ba0d 100644
--- a/src/components/Logo/Logo.tsx
+++ b/src/components/Logo/Logo.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import theme from 'modules/theme'
 
 import Image from '../Image/Image'
 import type { ImageProps, LogoName } from '../Image/Image'
@@ -11,13 +12,41 @@ export type LogoProps = Omit<ImageProps, 'name' | 'color'> & {
   ref?: React.RefObject<HTMLDivElement>
 }
 
+type ImageName = ImageProps['name']
+
+const themeDiffLogos: {
+  dark: ImageName[]
+  light: ImageName[]
+} = {
+  dark: [
+    'token/ETH',
+    'token/GNO',
+  ],
+  light: [],
+}
+
 const Logo: React.FC<LogoProps> = (props) => {
   const { className, name, size = 24, ref, ...rest } = props
 
+  const { isDark } = theme.useData()
+
+  let imageName: ImageName = name
+
+  const isSpecialDark = themeDiffLogos.dark.includes(name)
+  const isSpecialLight = themeDiffLogos.light.includes(name)
+
+  if (isDark && isSpecialDark) {
+    imageName = `${name}-dark` as ImageName
+  }
+
+  if (!isDark && isSpecialLight) {
+    imageName = `${name}-light` as ImageName
+  }
+
   return (
     <Image
       className={className}
-      name={name}
+      name={imageName}
       size={size}
       ref={ref}
       {...rest}
diff --git a/src/components/Modal/Content/Content.tsx b/src/components/Modal/Content/Content.tsx
index 3d2c3336..250d1ab1 100644
--- a/src/components/Modal/Content/Content.tsx
+++ b/src/components/Modal/Content/Content.tsx
@@ -64,7 +64,7 @@ const Content: React.FC<ContentProps> = (props) => {
       message={description as Intl.Message}
       HrefComponent={Href}
       color="dark"
-      size="t14"
+      size="sm"
       html
     />
   )
@@ -86,7 +86,7 @@ const Content: React.FC<ContentProps> = (props) => {
                     className="mb-4"
                     message={subTitle as Intl.Message}
                     color="dark"
-                    size="t14"
+                    size="sm"
                   />
                 )
               }
diff --git a/src/components/Modal/Content/Title/Title.tsx b/src/components/Modal/Content/Title/Title.tsx
index 969c47df..c47fb3dd 100644
--- a/src/components/Modal/Content/Title/Title.tsx
+++ b/src/components/Modal/Content/Title/Title.tsx
@@ -25,7 +25,7 @@ const Title: React.FC<TitleProps> = (props) => {
       <Text
         message={title as Intl.Message}
         color="dark"
-        size={isWide ? 'h32' : 'h24'}
+        size={isWide ? 'h4' : 'h6'}
       />
     </DialogTitle>
   )
diff --git a/src/components/Modal/Modal.module.scss b/src/components/Modal/Modal.module.scss
index dd80d8bd..139109e7 100644
--- a/src/components/Modal/Modal.module.scss
+++ b/src/components/Modal/Modal.module.scss
@@ -1,7 +1,7 @@
 .overlay {
   overflow-y: auto;
-  -webkit-backdrop-filter: blur(28px);
-  backdrop-filter: blur(28px);
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
   @include fade-in(animation, 300ms, ease);
 
   @include light-theme {
@@ -36,7 +36,13 @@
   transition: all;
 }
 
-@include except-desktop {
+@include mobile {
+  .modal {
+    border: none !important;
+  }
+}
+
+@include mobile {
 
   .modal {
     width: 100%;
@@ -48,6 +54,18 @@
   }
 }
 
+@include tablet {
+
+  .narrow {
+    width: 400px;
+  }
+
+  .wide {
+    width: calc(100% - 48px);
+    max-width: 600px;
+  }
+}
+
 @include desktop {
 
   .narrow {
diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index 536965e4..abbeec1a 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useCallback, useState, Fragment } from 'react'
+import React, { useRef, useEffect, useCallback, useState, Fragment } from 'react'
 import { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react'
 import device from 'modules/device'
 import cx from 'classnames'
@@ -29,7 +29,27 @@ const Modal: React.FC<ModalProps> = (props) => {
   // This state use for animation
   const [ isOpen, setIsOpen ] = useState(true)
 
-  const { isDesktop } = device.useData()
+  const { isDesktop, isMobile } = device.useData()
+
+  const panelRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    const handleFocusOut = () => {
+      setTimeout(() => {
+        if (document.activeElement === document.body) {
+          panelRef.current?.focus()
+        }
+      })
+    }
+
+    setTimeout(() => panelRef.current?.focus())
+
+    document.addEventListener('focusout', handleFocusOut)
+
+    return () => {
+      document.removeEventListener('focusout', handleFocusOut)
+    }
+  }, [])
 
   useEffect(() => {
     // Headless UI Dialog sets the #global-wrapper to inert,
@@ -116,9 +136,11 @@ const Modal: React.FC<ModalProps> = (props) => {
             leaveTo={s.modalFrom}
           >
             <DialogPanel
+              ref={panelRef}
+              tabIndex={-1}
               className={cx(className, s.modal, 'relative m-auto p-24 bg-modal', s[size], {
-                'rounded-16': isDesktop,
-                'flex flex-col': !isDesktop,
+                'rounded-16': !isMobile,
+                'flex flex-col': isMobile,
               })}
               data-testid={dataTestId}
             >
diff --git a/src/components/Modal/util/useOverlayClick.ts b/src/components/Modal/util/useOverlayClick.ts
index 807c70c4..6f540937 100644
--- a/src/components/Modal/util/useOverlayClick.ts
+++ b/src/components/Modal/util/useOverlayClick.ts
@@ -14,7 +14,7 @@ const useOverlayClick = ({ skip, closeModal }: Input) => {
     }
   }, [ skip, closeModal ])
 
-  const onClick = useCallback((event: any) => {
+  const onMousedown = useCallback((event: any) => {
     if (!skip) {
       const isOverlay = event.target?.dataset?.testid === 'modal-overlay'
 
@@ -25,7 +25,7 @@ const useOverlayClick = ({ skip, closeModal }: Input) => {
   }, [ skip, closeModal ])
 
   useEventListener('keydown', onKeyDown)
-  useEventListener('click', onClick)
+  useEventListener('mousedown', onMousedown)
 }
 
 
diff --git a/src/components/Notification/Notification.module.scss b/src/components/Notification/Notification.module.scss
index 1d4fa44b..725da8d6 100644
--- a/src/components/Notification/Notification.module.scss
+++ b/src/components/Notification/Notification.module.scss
@@ -1,7 +1,6 @@
 .notification {
-  min-width: 210px;
+  min-width: 300px;
   max-width: 560px;
-  background-color: $color-light;
   animation: openNotification 500ms ease;
 
   &::before {
@@ -11,19 +10,46 @@
     display: inline-block;
     width: 100%;
     height: 100%;
+    overflow: hidden;
+    border: 1px solid transparent;
+    border-radius: 12px;
     content: '';
   }
 
   &.error::before {
-    background-color: rgba($color-error-rgb, .2);
+    @include light-theme {
+      background-color: #db8a9a;
+      border-color: #c67c8b;
+    }
+
+    @include dark-theme {
+      background-color: #734f56;
+      border-color: #925d67;
+    }
   }
 
   &.info::before {
-    background-color: rgba($color-primary-rgb, .2);
+    @include light-theme {
+      background-color: #a4ede9;
+      border-color: #91d2cf;
+    }
+
+    @include dark-theme {
+      background-color: #3d8581;
+      border-color: #5f8f7c;
+    }
   }
 
   &.success::before {
-    background-color: rgba($color-success-light-rgb, .2);
+    @include light-theme {
+      background-color: #8ee1c1;
+      border-color: #76c3a5;
+    }
+
+    @include dark-theme {
+      background-color: #507969;
+      border-color: #619b84;
+    }
   }
 
   &.closed {
diff --git a/src/components/Notification/Notification.tsx b/src/components/Notification/Notification.tsx
index 7dcf0709..6ed809f1 100644
--- a/src/components/Notification/Notification.tsx
+++ b/src/components/Notification/Notification.tsx
@@ -1,5 +1,4 @@
 import React, { useRef, useEffect, useCallback } from 'react'
-import 'modules/notifications' // for get types
 import cx from 'classnames'
 
 import Icon from '../Icon/Icon'
@@ -13,9 +12,9 @@ import messages from './messages'
 
 
 const typesOfLogos = {
-  info: 'image/information',
   error: 'image/error',
   success: 'image/success',
+  info: 'image/information',
 }
 
 const Notification: React.FC<Notifications.NotificationProps> = (props) => {
@@ -49,7 +48,7 @@ const Notification: React.FC<Notifications.NotificationProps> = (props) => {
 
   const notificationClassName = cx(
     s.notification,
-    'relative inline-flex items-center rounded-12 px-16 py-8 pr-56 mt-12 relative overflow-hidden',
+    'relative inline-flex items-center px-16 py-8 pr-56 mt-12 shadow-md',
     s[type]
   )
 
@@ -73,11 +72,11 @@ const Notification: React.FC<Notifications.NotificationProps> = (props) => {
         size={24}
       />
       <Text
-        className="overflow-hidden ml-16 relative"
+        className="overflow-hidden ml-16 relative font-medium"
         id={`${dataTestId}-text`}
         message={text}
         color="dark"
-        size="t12m"
+        size="xs"
         dataTestId={`${dataTestId}-text`}
         html
       />
diff --git a/src/components/PopupInfo/PopupInfo.tsx b/src/components/PopupInfo/PopupInfo.tsx
index b1c62193..fcf977d9 100644
--- a/src/components/PopupInfo/PopupInfo.tsx
+++ b/src/components/PopupInfo/PopupInfo.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
-import cx from 'classnames'
 import device from 'modules/device'
+import cx from 'classnames'
 import {
   flip,
   shift,
@@ -35,7 +35,7 @@ const PopupInfo: React.FC<PopupInfoProps> = (props) => {
 
   const { refs, floatingStyles, context } = useFloating({
     open: isOpen,
-    placement: isDesktop ? 'top-end' : 'top',
+    placement: !isDesktop ? 'top' : 'top-end',
     middleware: [
       offset(10),
       flip({
@@ -69,7 +69,7 @@ const PopupInfo: React.FC<PopupInfoProps> = (props) => {
   return (
     <div className={cx(className, 'relative')}>
       <div
-        className={cx(buttonClassName, 'flex cursor-pointer')}
+        className={cx(buttonClassName, 'cursor-pointer')}
         ref={refs.setReference}
         {...getReferenceProps()}
       >
diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx
index fd3d1f48..cfa974a7 100644
--- a/src/components/Select/Select.tsx
+++ b/src/components/Select/Select.tsx
@@ -54,7 +54,7 @@ const Select: React.FC<SelectProps> = (props) => {
                     <Text
                       className="w-full absolute left-0 pt-2 px-16 opacity-70"
                       message={error as string}
-                      size="t14"
+                      size="sm"
                       color="error"
                       dataTestId={`${dataTestId}Error`}
                     />
diff --git a/src/components/Select/SelectButton/SelectButton.tsx b/src/components/Select/SelectButton/SelectButton.tsx
index 627b2399..2bf1caa0 100644
--- a/src/components/Select/SelectButton/SelectButton.tsx
+++ b/src/components/Select/SelectButton/SelectButton.tsx
@@ -5,16 +5,15 @@ import Text from '../../Text/Text'
 import Icon from '../../Icon/Icon'
 import Logo from '../../Logo/Logo'
 import ButtonBase from '../../ButtonBase/ButtonBase'
-
-import type { LogoName } from '../../Image/Image'
-import type { IconProps } from '../../Icon/Icon'
 import type { ButtonProps } from '../../Button/Button'
+import type { LogoName, IconName } from '../../Image/Image'
 
 import s from './SelectButton.module.scss'
 
 
 type SelectButtonProps = ButtonProps & {
   logo?: LogoName
+  icon?: IconName
   disabled?: boolean
   isError?: boolean
   isActive?: boolean
@@ -22,7 +21,7 @@ type SelectButtonProps = ButtonProps & {
 }
 
 const SelectButton: React.FC<SelectButtonProps> = (props) => {
-  const { className, logo, title, disabled, isError, isActive, arrow = 'down', ref, ...rest } = props
+  const { className, logo, title, disabled, isError, isActive, icon, ref, ...rest } = props
 
   const defaultClassName = isActive ? 'text-primary': 'interaction-color-dark'
 
@@ -45,13 +44,13 @@ const SelectButton: React.FC<SelectButtonProps> = (props) => {
         )
       }
       <Text
-        className="text-center overflow-ellipsis"
+        className="text-center overflow-ellipsis font-medium"
         message={title as string}
-        size="t14m"
+        size="sm"
         color="inherit"
       />
       {
-        Boolean(arrow) && (
+        Boolean(icon) && (
           <div
             className={cx('ml-4 flex items-center', s.arrow, {
               [s.active]: isActive,
@@ -60,7 +59,7 @@ const SelectButton: React.FC<SelectButtonProps> = (props) => {
             <Icon
               className={s.icon}
               size={16}
-              name={`arrow/${arrow}` as IconProps['name']}
+              name={icon as IconName}
               color={isActive ? 'primary' : 'dark'}
             />
           </div>
diff --git a/src/components/Select/SelectView/SelectView.tsx b/src/components/Select/SelectView/SelectView.tsx
index 408e8ddb..854d8d4e 100644
--- a/src/components/Select/SelectView/SelectView.tsx
+++ b/src/components/Select/SelectView/SelectView.tsx
@@ -15,6 +15,7 @@ export type SelectViewProps = {
   placement?: DropdownProps['placement']
   dataTestId?: string
   isError?: boolean
+  disabled?: boolean
   label?: Intl.Message | string
   options: DropdownOption[]
   onChange: (value: string) => void
@@ -22,7 +23,7 @@ export type SelectViewProps = {
 
 const SelectView: React.FC<SelectViewProps> = (props) => {
   const {
-    className, value, label, options, placement, dataTestId = 'select', isError,
+    className, value, label, options, placement, dataTestId = 'select', isError, disabled,
     onChange, ...otherProps
   } = props
 
@@ -38,6 +39,7 @@ const SelectView: React.FC<SelectViewProps> = (props) => {
       placement={placement}
       options={options}
       value={value}
+      disabled={disabled}
       withArrow
       dataTestId={dataTestId}
       button={({ isOpen }) => label ? (
@@ -45,6 +47,7 @@ const SelectView: React.FC<SelectViewProps> = (props) => {
           className="w-full"
           label={label}
           fullWidth
+          disabled={disabled}
           isError={isError}
           title={selectedOption?.title}
           dataTestId={`${dataTestId}-button`}
@@ -55,6 +58,7 @@ const SelectView: React.FC<SelectViewProps> = (props) => {
         <SelectButton
           className="w-full"
           fullWidth
+          disabled={disabled}
           isError={isError}
           logo={selectedOption?.logo}
           title={selectedOption?.title}
diff --git a/src/components/Select/SelectWithLabelButton/SelectWithLabelButton.tsx b/src/components/Select/SelectWithLabelButton/SelectWithLabelButton.tsx
index 40cbc35b..39e283a3 100644
--- a/src/components/Select/SelectWithLabelButton/SelectWithLabelButton.tsx
+++ b/src/components/Select/SelectWithLabelButton/SelectWithLabelButton.tsx
@@ -5,13 +5,14 @@ import Text from '../../Text/Text'
 import Icon from '../../Icon/Icon'
 import ButtonBase from '../../ButtonBase/ButtonBase'
 
-import type { IconProps } from '../../Icon/Icon'
 import type { ButtonProps } from '../../Button/Button'
+import type { IconName } from '../../Image/Image'
 
 import s from './SelectWithLabelButton.module.scss'
 
 
 type SelectWithLabelButtonProps = ButtonProps & {
+  icon?: IconName
   disabled?: boolean
   isError?: boolean
   label: Intl.Message | string
@@ -19,12 +20,12 @@ type SelectWithLabelButtonProps = ButtonProps & {
 }
 
 const SelectWithLabelButton: React.FC<SelectWithLabelButtonProps> = (props) => {
-  const { className, title, label, arrow = 'down', disabled, isError, ref, ...rest } = props
+  const { className, title, label, icon, disabled, isError, ref, ...rest } = props
 
   const isFilled = title !== undefined
 
   const containerClassName = cx(s.container, 'w-full flex rounded-8 px-16', {
-    [s.filled]: isFilled && !disabled,
+    [s.filled]: isFilled,
     [s.error]: isError,
     [s.disabled]: disabled,
     'opacity-50 cursor-default': disabled,
@@ -44,25 +45,29 @@ const SelectWithLabelButton: React.FC<SelectWithLabelButtonProps> = (props) => {
           className={cx(s.label, 'absolute left-0 w-full overflow-ellipsis whitespace-nowrap opacity-60')}
           message={label}
           tag="label"
-          size={(title && !disabled) ? 't12' : 't14'}
+          size={title ? 'xs' : 'sm'}
           color="dark"
           htmlFor={controlId}
         />
         <div className="flex text-start">
           <Text
-            className="overflow-ellipsis whitespace-nowrap flex-1 mt-16"
+            className="overflow-ellipsis whitespace-nowrap flex-1 mt-16 font-medium"
             message={title as string}
             color="dark"
-            size="t14m"
+            size="sm"
           />
-          <div className="ml-4 flex items-center">
-            <Icon
-              className={s.icon}
-              name={`arrow/${arrow}` as IconProps['name']}
-              color="dark"
-              size={16}
-            />
-          </div>
+          {
+            Boolean(icon) && (
+              <div className="ml-4 flex items-center">
+                <Icon
+                  className={s.icon}
+                  color="dark"
+                  name={icon as IconName}
+                  size={16}
+                />
+              </div>
+            )
+          }
         </div>
       </div>
     </ButtonBase>
diff --git a/src/components/TabsView/TabsView.tsx b/src/components/TabsView/TabsView.tsx
index 0aabd61e..26b34c26 100644
--- a/src/components/TabsView/TabsView.tsx
+++ b/src/components/TabsView/TabsView.tsx
@@ -13,9 +13,9 @@ import s from './TabsView.module.scss'
 export type TabsViewProps = {
   className?: string
   dataTestId?: string
-  tabsClassName?: string
   panelClassName?: string
   panelsClassName?: string
+  tabsClassName?: string
   selectedId?: string
   tabsList: {
     id: string
@@ -97,7 +97,7 @@ const TabsView: React.FC<TabsViewProps> = (props) => {
 
   return (
     <div
-      className={className}
+      className={cx('custom-scrollbar', className)}
       data-testid={`${dataTestId}-main-container`}
     >
       <TabGroup
@@ -108,12 +108,12 @@ const TabsView: React.FC<TabsViewProps> = (props) => {
         manual
       >
         <div
-          className={cx(s.tabList, 'flex relative', {
+          className={cx('flex relative', {
             [s.borderMin]: borderMin,
             [s.borderFill]: !borderMin,
           })}
-          ref={containerRef}
           data-testid={`${dataTestId}-filters`}
+          ref={containerRef}
         >
           <div
             className={cx(s.line, 'bg-primary')}
@@ -160,9 +160,9 @@ const TabsView: React.FC<TabsViewProps> = (props) => {
                             dataTestId={dataTestId}
                           >
                             <Text
-                              className={cx('py-12', s.tabTitle)}
+                              className={cx('py-12 font-medium', s.tabTitle)}
                               message={title}
-                              size="t14m"
+                              size="sm"
                               color="inherit"
                             />
                             {
diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx
index 0c26af1d..cc2339f2 100644
--- a/src/components/Text/Text.tsx
+++ b/src/components/Text/Text.tsx
@@ -1,19 +1,19 @@
 import React from 'react'
 import cx from 'classnames'
 import intl from 'modules/intl'
-import { methods, constants, replaceReactComponents } from 'helpers'
+import { methods } from 'helpers'
+
+import { constants, replaceReactComponents } from '../../helpers'
 
 
 const sizesMap = {
-  text: [ 't20b', 't18m', 't18b', 't16m', 't16b', 't14', 't14m', 't14b', 't12', 't12m', 't12b' ],
-  notes: [ 'n10', 'n10m', 'n10b' ],
-  headers: [ 'h100', 'h90', 'h60', 'h48', 'h40', 'h32', 'h24', 'h22', 'h20' ],
+  text: [ 'lg', 'md', 'sm', 'xs' ],
+  headers: [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],
 } as const
 
 export const sizes = [
   ...sizesMap.headers,
   ...sizesMap.text,
-  ...sizesMap.notes,
 ] as const
 
 export type TextSize = typeof sizes[number]
@@ -54,29 +54,19 @@ const Text: React.FC<TextProps> = (props) => {
   }
 
   const rootClassName = cx(className, {
-    'text-h100': size === 'h100',
-    'text-h90': size === 'h90',
-    'text-h60': size === 'h60',
-    'text-h48': size === 'h48',
-    'text-h40': size === 'h40',
-    'text-h32': size === 'h32',
-    'text-h24': size === 'h24',
-    'text-h22': size === 'h22',
-    'text-h20': size === 'h20',
-    'text-t20b': size === 't20b',
-    'text-t18m': size === 't18m',
-    'text-t18b': size === 't18b',
-    'text-t16m': size === 't16m',
-    'text-t16b': size === 't16b',
-    'text-t14': size === 't14',
-    'text-t14m': size === 't14m',
-    'text-t14b': size === 't14b',
-    'text-t12': size === 't12',
-    'text-t12m': size === 't12m',
-    'text-t12b': size === 't12b',
-    'text-n10': size === 'n10',
-    'text-n10m': size === 'n10m',
-    'text-n10b': size === 'n10b',
+    // New sizes
+    'text-h1': size === 'h1',
+    'text-h2': size === 'h2',
+    'text-h3': size === 'h3',
+    'text-h4': size === 'h4',
+    'text-h5': size === 'h5',
+    'text-h6': size === 'h6',
+    'font-heading': sizesMap.headers.includes(size as typeof sizesMap.headers[number]),
+
+    'text-lg': size === 'lg',
+    'text-md': size === 'md',
+    'text-sm': size === 'sm',
+    'text-xs': size === 'xs',
 
     'text-light': color === 'light',
     'text-dark': color === 'dark',
diff --git a/src/components/TextWithTooltip/TextWithTooltip.tsx b/src/components/TextWithTooltip/TextWithTooltip.tsx
index b1975488..c03562ad 100644
--- a/src/components/TextWithTooltip/TextWithTooltip.tsx
+++ b/src/components/TextWithTooltip/TextWithTooltip.tsx
@@ -8,39 +8,40 @@ import Text, { TextProps } from '../Text/Text'
 
 export type TextWithTooltipProps = {
   className?: string
-  text: {
-    className?: string
-    message: Intl.Message | string
-    color?: TextProps['color']
-    size?: TextProps['size']
-    dataTestId?: string
-  }
-  icon?: {
-    size: IconProps['size']
-    color: IconProps['color']
-  }
+  message: Intl.Message | string
+  size?: TextProps['size']
+  color?: TextProps['color']
+  iconColor?: IconProps['color']
   tooltip?: Intl.Message | string
+  inModal?: boolean
+  dataTestId?: string
 }
 
 const TextWithTooltip: React.FC<TextWithTooltipProps> = (props) => {
-  const { className, text, icon, tooltip } = props
+  const { className, message, size, color, iconColor, tooltip, inModal, dataTestId } = props
 
   return (
-    <div className={cx(className, 'flex justify-start items-center')}>
+    <div
+      className={cx(className, 'flex justify-start items-center', {
+        'gap-4': !className?.includes('gap-'),
+      })}
+      data-testid={dataTestId}
+    >
       <Text
-        className={text.className}
-        dataTestId={text.dataTestId}
-        message={text.message}
-        size={text.size || 't14m'}
-        color={text.color || 'dark'}
+        message={message}
+        size={size || 'sm'}
+        color={color || 'dark'}
       />
       {
         Boolean(tooltip) && (
-          <Tooltip content={tooltip}>
+          <Tooltip
+            content={tooltip}
+            inModal={inModal}
+          >
             <Icon
-              className="ml-4 opacity-50 cursor-pointer"
-              color={icon?.color || 'secondary'}
-              size={icon?.size || 16}
+              className="cursor-pointer"
+              color={iconColor || 'secondary'}
+              size={16}
               name="icon/info"
             />
           </Tooltip>
diff --git a/src/components/Token/Token.tsx b/src/components/Token/Token.tsx
index 4086c79b..e08c0aee 100644
--- a/src/components/Token/Token.tsx
+++ b/src/components/Token/Token.tsx
@@ -25,8 +25,9 @@ const Token: React.FC<TokenProps> = (props) => {
         name={`token/${token}`}
       />
       <Text
+        className="font-bold"
         message={token}
-        size={!isDesktop ? 't14b' : 'h20'}
+        size={!isDesktop ? 'sm' : 'lg'}
         color="dark"
         dataTestId={dataTestId}
       />
diff --git a/src/components/TokenAmount/TokenAmount.tsx b/src/components/TokenAmount/TokenAmount.tsx
index 0e57a304..e47d33fd 100644
--- a/src/components/TokenAmount/TokenAmount.tsx
+++ b/src/components/TokenAmount/TokenAmount.tsx
@@ -32,15 +32,15 @@ export type TokenAmountProps = {
 const params = {
   sm: {
     logoSize: 16,
-    textSize: 't14m',
+    textSize: 'sm',
   },
   md: {
-    logoSize: 24,
-    textSize: 't18m',
+    logoSize: 18,
+    textSize: 'md',
   },
   xl: {
-    logoSize: 24,
-    textSize: 'h20',
+    logoSize: 20,
+    textSize: 'lg',
   },
 } as const
 
@@ -69,7 +69,7 @@ const TokenAmount: React.FC<TokenAmountProps> = (props) => {
         size={logoSize}
       />
       <Text
-        className="ml-4"
+        className="ml-4 font-medium"
         message={methods.formatTokenValue(value, withMinimalValue)}
         size={textSize}
         color={textColor}
diff --git a/src/components/TokenAmountInput/Balance/Balance.tsx b/src/components/TokenAmountInput/Balance/Balance.tsx
deleted file mode 100644
index 2b6479f7..00000000
--- a/src/components/TokenAmountInput/Balance/Balance.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react'
-import { methods } from 'helpers'
-import device from 'modules/device'
-
-import Text from '../../Text/Text'
-import ButtonBase from '../../ButtonBase/ButtonBase'
-
-import messages from './messages'
-
-
-export type BalanceProps = {
-  title?: Intl.Message
-  value?: bigint
-  loading?: boolean
-  dataTestId?: string
-  onClick?: () => void
-}
-
-const Balance: React.FC<BalanceProps> = (props) => {
-  const { title, loading, value, dataTestId, onClick } = props
-
-  const { isDesktop } = device.useData()
-  const formattedBalance = methods.formatTokenValue(value || 0n)
-
-  return (
-    <div
-      className="flex items-end"
-      data-testid={dataTestId}
-    >
-      <Text
-        className="whitespace-nowrap"
-        message={{
-          ...(title || messages.balance),
-          values: {
-            balance: formattedBalance,
-          },
-        }}
-        size={isDesktop ? 't14m' : 't12m'}
-        color="secondary"
-      />
-      {
-        Boolean(value) && typeof onClick === 'function' && (
-          <ButtonBase
-            className="ml-8 hover:opacity-90"
-            disabled={loading}
-            type="button"
-            dataTestId="max-button"
-            ariaLabel={messages.setMaxValue}
-            onClick={onClick}
-          >
-            <Text
-              message="Max"
-              color="primary"
-              size={isDesktop ? 't14b' : 't12b'}
-            />
-          </ButtonBase>
-        )
-      }
-    </div>
-  )
-}
-
-export default React.memo(Balance)
diff --git a/src/components/TokenAmountInput/Balance/messages.ts b/src/components/TokenAmountInput/Balance/messages.ts
deleted file mode 100644
index 2e782442..00000000
--- a/src/components/TokenAmountInput/Balance/messages.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  balance: {
-    en: 'Balance: {balance}',
-    ru: 'Баланс: {balance}',
-    fr: 'Solde : {balance}',
-    es: 'Saldo: {balance}',
-    pt: 'Saldo: {balance}',
-    de: 'Kontostand: {balance}',
-    zh: '余额：{balance}',
-  },
-  setMaxValue: {
-    en: 'Set max value',
-    ru: 'Установить макс. значение',
-    fr: 'Définir la valeur maximale',
-    es: 'Establecer valor máximo',
-    pt: 'Definir valor máximo',
-    de: 'Maximalwert festlegen',
-    zh: '设定最大值',
-  },
-}
diff --git a/src/components/TokenAmountInput/Input/Input.tsx b/src/components/TokenAmountInput/Input/Input.tsx
deleted file mode 100644
index e79fd5ee..00000000
--- a/src/components/TokenAmountInput/Input/Input.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React, { RefObject, useCallback } from 'react'
-import { methods } from 'helpers'
-
-import AmountInput from '../../AmountInput/AmountInput'
-
-
-type InputProps = {
-  className?: string
-  value?: string
-  error?: boolean
-  disabled?: boolean
-  dataTestId?: string
-  isRequired?: boolean
-  onChange: (value: string) => void
-}
-
-const formatValue = (value: string | undefined) => {
-  if (value === undefined) {
-    return ''
-  }
-
-  const parts = value.split('.')
-  parts[0] = methods.addNumberSeparator(parts[0])
-
-  return parts.join(".")
-}
-
-const Input: React.FC<InputProps> = (props) => {
-  const {
-    value,
-    error,
-    disabled,
-    className,
-    isRequired,
-    dataTestId,
-    onChange,
-  } = props
-
-  const handleChange = useCallback((value: string, inputRef: RefObject<HTMLInputElement | null>) => {
-    const valueWithOutCommas = value.replace(/,/g, '')
-    const cursorPositionBeforeChange = inputRef.current?.selectionStart || 0
-    const newValue = formatValue(valueWithOutCommas)
-    const diff = newValue.length - value.length
-
-    // Set cursor position after the value change
-    setTimeout(() => {
-      inputRef.current?.setSelectionRange(cursorPositionBeforeChange + diff, cursorPositionBeforeChange + diff)
-    }, 0)
-
-    if (typeof onChange === 'function') {
-      onChange(valueWithOutCommas)
-    }
-  }, [ onChange ])
-
-  return (
-    <AmountInput
-      className={className}
-      error={error}
-      disabled={disabled}
-      dataTestId={dataTestId}
-      isRequired={isRequired}
-      value={formatValue(value)}
-      onChange={handleChange}
-    />
-  )
-}
-
-
-export default React.memo(Input)
diff --git a/src/components/TokenAmountInput/Token/Token.tsx b/src/components/TokenAmountInput/Token/Token.tsx
deleted file mode 100644
index e9c5a2e9..00000000
--- a/src/components/TokenAmountInput/Token/Token.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react'
-import cx from 'classnames'
-import device from 'modules/device'
-
-import Logo from '../../Logo/Logo'
-import Text from '../../Text/Text'
-import type { TokenAmountProps } from '../../TokenAmount/TokenAmount'
-
-
-type TokenProps = {
-  className?: string
-  token: TokenAmountProps['token']
-  dataTestId?: string
-}
-
-const Token: React.FC<TokenProps> = (props) => {
-  const { className, token, dataTestId } = props
-
-  const { isDesktop } = device.useData()
-
-  return (
-    <div className={cx(className, 'flex justify-end items-center')}>
-      <Logo
-        className="mr-4"
-        name={`token/${token}`}
-      />
-      <Text
-        message={token}
-        size={!isDesktop ? 't14b' : 'h20'}
-        color="dark"
-        dataTestId={dataTestId}
-      />
-    </div>
-  )
-}
-
-
-export default React.memo(Token)
diff --git a/src/components/TokenAmountInput/TokenAmountInput.tsx b/src/components/TokenAmountInput/TokenAmountInput.tsx
index ecaf953b..25723bce 100644
--- a/src/components/TokenAmountInput/TokenAmountInput.tsx
+++ b/src/components/TokenAmountInput/TokenAmountInput.tsx
@@ -4,7 +4,7 @@ import Token from '../Token/Token'
 import TokenAmountInputView, { TokenAmountInputViewProps } from '../TokenAmountInputView/TokenAmountInputView'
 
 
-export type TokenAmountInputProps = Omit<TokenAmountInputViewProps, 'disabled' | 'tokenNode'>
+export type TokenAmountInputProps = Omit<TokenAmountInputViewProps, 'tokenNode'>
 
 const TokenAmountInput: React.FC<TokenAmountInputProps> = (props) => {
   const {
@@ -12,7 +12,7 @@ const TokenAmountInput: React.FC<TokenAmountInputProps> = (props) => {
     label,
     field,
     balance,
-    loading,
+    disabled,
     dataTestId,
     bottomNode,
     onChange,
@@ -26,7 +26,7 @@ const TokenAmountInput: React.FC<TokenAmountInputProps> = (props) => {
       className={className}
       label={label}
       field={field}
-      loading={loading}
+      disabled={disabled}
       balance={balance}
       dataTestId={dataTestId}
       bottomNode={bottomNode}
diff --git a/src/components/TokenAmountInputView/Balance/Balance.tsx b/src/components/TokenAmountInputView/Balance/Balance.tsx
index 96d3fcbd..48b1ff1d 100644
--- a/src/components/TokenAmountInputView/Balance/Balance.tsx
+++ b/src/components/TokenAmountInputView/Balance/Balance.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { methods } from 'helpers'
 import device from 'modules/device'
 
+import Bone from '../../Bone/Bone'
 import Text from '../../Text/Text'
 import ButtonBase from '../../ButtonBase/ButtonBase'
 
@@ -11,13 +12,14 @@ import messages from './messages'
 export type BalanceProps = {
   title?: Intl.Message
   value?: bigint | string
-  loading?: boolean
+  disabled?: boolean
   dataTestId?: string
+  isFetching?: boolean
   onClick?: () => void
 }
 
 const Balance: React.FC<BalanceProps> = (props) => {
-  const { title, loading, value, dataTestId, onClick } = props
+  const { title, disabled, value, dataTestId, isFetching, onClick } = props
 
   const { isDesktop } = device.useData()
   const formattedBalance = methods.formatTokenValue(value || 0n)
@@ -27,33 +29,44 @@ const Balance: React.FC<BalanceProps> = (props) => {
       className="flex items-end"
       data-testid={dataTestId}
     >
-      <Text
-        className="whitespace-nowrap"
-        message={{
-          ...(title || messages.balance),
-          values: {
-            balance: formattedBalance,
-          },
-        }}
-        size={isDesktop ? 't14m' : 't12m'}
-        color="secondary"
-      />
       {
-        Boolean(Number(value)) && typeof onClick === 'function' && (
-          <ButtonBase
-            className="ml-8 hover:opacity-90"
-            disabled={loading}
-            type="button"
-            dataTestId="max-button"
-            ariaLabel={messages.setMaxValue}
-            onClick={onClick}
-          >
+        isFetching ? (
+          <Bone
+            textSize={isDesktop ? 'sm' : 'xs'}
+            w={140}
+          />
+        ) : (
+          <>
             <Text
-              message="Max"
-              color="primary"
-              size={isDesktop ? 't14b' : 't12b'}
+              className="whitespace-nowrap opacity-70"
+              message={{
+                ...(title || messages.balance),
+                values: {
+                  balance: formattedBalance,
+                },
+              }}
+              size={isDesktop ? 'sm' : 'xs'}
+              color="dark"
             />
-          </ButtonBase>
+            {
+              Boolean(Number(value)) && typeof onClick === 'function' && (
+                <ButtonBase
+                  className="ml-8 hover:opacity-90 font-bold"
+                  disabled={disabled}
+                  type="button"
+                  dataTestId="max-button"
+                  ariaLabel={messages.setMaxValue}
+                  onClick={onClick}
+                >
+                  <Text
+                    message="Max"
+                    color="primary"
+                    size={isDesktop ? 'sm' : 'xs'}
+                  />
+                </ButtonBase>
+              )
+            }
+          </>
         )
       }
     </div>
diff --git a/src/components/TokenAmountInputView/Balance/messages.ts b/src/components/TokenAmountInputView/Balance/messages.ts
index 2e782442..ba26af58 100644
--- a/src/components/TokenAmountInputView/Balance/messages.ts
+++ b/src/components/TokenAmountInputView/Balance/messages.ts
@@ -5,7 +5,7 @@ export default {
     fr: 'Solde : {balance}',
     es: 'Saldo: {balance}',
     pt: 'Saldo: {balance}',
-    de: 'Kontostand: {balance}',
+    de: 'Guthaben: {balance}',
     zh: '余额：{balance}',
   },
   setMaxValue: {
diff --git a/src/components/TokenAmountInputView/TokenAmountInputView.tsx b/src/components/TokenAmountInputView/TokenAmountInputView.tsx
index 08160d7d..67c8f09e 100644
--- a/src/components/TokenAmountInputView/TokenAmountInputView.tsx
+++ b/src/components/TokenAmountInputView/TokenAmountInputView.tsx
@@ -17,12 +17,14 @@ export type TokenAmountInputViewProps = {
   className?: string
   field: Forms.Field<string | bigint>
   label?: Intl.Message | string
-  loading?: boolean
+  disabled?: boolean
   balance: {
     title?: Intl.Message
     value?: bigint
     token: Tokens
     units?: number
+    hidden?: boolean
+    isFetching?: boolean
   }
   dataTestId?: string
   tokenNode: ReactNode
@@ -36,7 +38,7 @@ const TokenAmountInputView: React.FC<TokenAmountInputViewProps> = (props) => {
     className,
     label,
     field,
-    loading,
+    disabled,
     balance,
     tokenNode,
     dataTestId,
@@ -54,36 +56,43 @@ const TokenAmountInputView: React.FC<TokenAmountInputViewProps> = (props) => {
 
   return (
     <div
-      className={cx(className, {
-        'opacity-50': loading,
-      })}
+      className={className}
     >
       {
         Boolean(label) && (
           <Text
-            className="mb-16"
+            className={cx('mb-16', {
+              'font-medium': isDesktop,
+              'opacity-50': disabled,
+            })}
             message={label as string}
-            size={!isDesktop ? 't12' : 't14m'}
+            size={!isDesktop ? 'xs' : 'sm'}
             color="dark"
             dataTestId={dataTestId ? `${dataTestId}-label` : ''}
           />
         )
       }
-      <div className="pt-16 px-16 pb-8 flex flex-col bg-dark/5 rounded-8">
+      <div
+        className={cx('pt-16 px-16 pb-8 flex flex-col bg-dark/5 rounded-8', {
+          'opacity-30': disabled,
+        })}
+      >
         <div
           className={cx('mb-16 flex justify-between items-center w-full', {
             'pt-8': !isDesktop,
           })}
         >
           <Input
-            className="flex-1"
+            className={cx('flex-1', {
+              'opacity-50': disabled,
+            })}
             value={formattedValue}
             error={Boolean(error)}
-            disabled={loading || !balance.value}
+            disabled={disabled || !balance.value}
             isRequired={field.isRequired}
             dataTestId={dataTestId}
             onChange={(value: string) => {
-              if (loading) {
+              if (disabled) {
                 return
               }
 
@@ -100,29 +109,36 @@ const TokenAmountInputView: React.FC<TokenAmountInputViewProps> = (props) => {
           className={cx('flex items-end w-full', {
             'justify-between' : isDesktop,
             'justify-end' : !isDesktop,
+            'opacity-50': disabled,
           })}
         >
           {
             isDesktop && (
               <FiatAmount
+                className="opacity-70"
                 amount={formattedValue || '0'}
                 token={balance.token}
-                color="secondary"
-                size="t14"
+                color="dark"
+                size="sm"
               />
             )
           }
           {
-            typeof onMaxButtonClick === 'function' && (
+            !balance.hidden && (
               <Balance
-                loading={loading}
+                disabled={disabled}
                 title={balance.title}
                 value={formatUnits(balance.value || 0n, balance.units || 18)}
+                isFetching={balance.isFetching}
                 dataTestId={dataTestId ? `${dataTestId}-balance` : ''}
-                onClick={() => {
-                  setSpecialFormat(null)
-                  onMaxButtonClick()
-                }}
+                onClick={(
+                  typeof onMaxButtonClick === 'function'
+                    ? () => {
+                      setSpecialFormat(null)
+                      onMaxButtonClick()
+                    }
+                    : undefined
+                )}
               />
             )
           }
@@ -131,9 +147,9 @@ const TokenAmountInputView: React.FC<TokenAmountInputViewProps> = (props) => {
         {
           error && (
             <Text
-              className="flex-1 mt-6"
+              className="flex-1 mt-6 font-medium"
               message={error}
-              size="t14m"
+              size="sm"
               color="error"
             />
           )
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 15434681..2ab7881c 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -61,7 +61,7 @@ const Tooltip: React.FC<TooltipProps> = props => {
               dataTestId={`${dataTestId}-content`}
               message={content as Intl.Message}
               color="white"
-              size="t12"
+              size="xs"
               html
             />
           )
diff --git a/src/components/Transactions/TransactionView/TransactionView.tsx b/src/components/Transactions/TransactionView/TransactionView.tsx
index 0a5a2dd9..6eee30a3 100644
--- a/src/components/Transactions/TransactionView/TransactionView.tsx
+++ b/src/components/Transactions/TransactionView/TransactionView.tsx
@@ -91,9 +91,10 @@ const TransactionView: React.FC<StepProps> = (props) => {
       <div className="flex-1 ml-12">
         <div className="mt-4 flex items-center gap-8">
           <Text
+            className="font-medium"
             message={title}
             color="dark"
-            size="t14m"
+            size="sm"
             dataTestId={dataTestId ? `${dataTestId}-title` : undefined}
           />
           {
@@ -106,9 +107,10 @@ const TransactionView: React.FC<StepProps> = (props) => {
                   dataTestId={dataTestId ? `${dataTestId}-cancel` : undefined}
                 >
                   <Text
+                    className="font-medium"
                     message={messages.buttonTitle.cancel}
                     color="inherit"
-                    size="t14m"
+                    size="sm"
                   />
                 </ButtonBase>
               </>
@@ -119,7 +121,7 @@ const TransactionView: React.FC<StepProps> = (props) => {
           className="mt-4 opacity-60"
           message={descriptions[status] as Intl.Message}
           color="dark"
-          size="t14"
+          size="sm"
         />
       </div>
     </div>
diff --git a/src/components/Transactions/TransactionView/messages.ts b/src/components/Transactions/TransactionView/messages.ts
index 01ae4df1..2e03df25 100644
--- a/src/components/Transactions/TransactionView/messages.ts
+++ b/src/components/Transactions/TransactionView/messages.ts
@@ -23,7 +23,7 @@ export default {
     fr: 'Échoué',
     es: 'Fallido',
     pt: 'Falhou',
-    de: 'Gescheitert',
+    de: 'Fehlgeschlagen',
     zh: '失败',
   },
   processing: {
diff --git a/src/components/Transactions/Transactions.module.scss b/src/components/Transactions/Transactions.module.scss
index 46301759..4e5a94c4 100644
--- a/src/components/Transactions/Transactions.module.scss
+++ b/src/components/Transactions/Transactions.module.scss
@@ -3,7 +3,7 @@
 
   &::before {
     position: absolute;
-    top: 38px;
+    top: 42px;
     left: 15px;
     width: 2px;
     height: calc(100% - 4px);
diff --git a/src/components/Transactions/util/index.ts b/src/components/Transactions/util/index.ts
index 405a66bd..7df6284b 100644
--- a/src/components/Transactions/util/index.ts
+++ b/src/components/Transactions/util/index.ts
@@ -1,4 +1,4 @@
+export { TransactionStatus } from './useLogic'
 export { default as useLogic } from './useLogic'
 export { default as useAction } from './useAction'
-export { TransactionStatus } from './useLogic'
 export type { Transaction, ModifiedTransaction } from './useLogic'
diff --git a/src/components/Transactions/util/useAction.ts b/src/components/Transactions/util/useAction.ts
index 32392d98..e51e678b 100644
--- a/src/components/Transactions/util/useAction.ts
+++ b/src/components/Transactions/util/useAction.ts
@@ -9,7 +9,7 @@ type ActionInput = {
   cancelErrors?: string[]
   isConfirmOptional?: boolean
   action: () => Promise<string>
-  confirm: (values: { hash: string }) => Promise<void>
+  confirm: (values: { hash: string }) => Promise<any>
   setTransaction: SetTransaction
 }
 

From 095906e0ea5ebf060cda7c78c03b83755078ca23 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Thu, 9 Jul 2026 17:49:49 +0500
Subject: [PATCH 02/14] [logic-and-ui-improves] change text sizes on ui

---
 src/app/global-error.tsx                           |  4 ++--
 src/components/ApyBreakdown/Details/Details.tsx    | 12 +++++++-----
 src/components/Image/util/images.ts                |  1 +
 .../ImagesProvider/images/image/magic.svg          |  9 ---------
 src/components/ImagesProvider/images/index.ts      |  2 ++
 .../MenuDropdown/BackButton/BackButton.tsx         |  2 +-
 src/components/MenuDropdown/Option/Option.tsx      |  2 +-
 .../Option/OptionTitle/OptionTitle.tsx             |  4 ++--
 src/components/Note/Note.tsx                       |  4 ++--
 .../Pagination/PageButton/PageButton.tsx           |  2 +-
 src/components/PercentInput/PercentInput.tsx       |  3 ++-
 src/components/QueueDuration/QueueDuration.tsx     |  6 +++---
 .../ScrollableContainer/ScrollableContainer.tsx    |  3 ++-
 .../TokenDropdown/TokenOptions/Option/Option.tsx   | 14 ++++++++------
 .../TokenDropdown/TokenOptions/TokenOptions.tsx    |  4 ++--
 .../TokenOptions/TokenSkeleton/TokenSkeleton.tsx   |  8 ++++----
 .../UserApy/BoostPercent/BoostPercent.tsx          |  4 ++--
 src/components/UserApy/UserApy.tsx                 |  3 ++-
 .../AppLayout/BottomLoader/BottomLoader.tsx        |  4 ++--
 .../Account/AccountMenu/Address/Address.tsx        |  4 ++--
 .../AccountMenu/Balances/Balance/Balance.tsx       |  7 ++++---
 .../Account/AccountMenu/Menu/MenuItem/MenuItem.tsx |  3 ++-
 .../Connect/Account/ClaimLabel/ClaimLabel.tsx      |  8 ++++----
 .../ConnectWalletModal/ConnectWalletModal.tsx      |  2 +-
 .../ConnectorButton/ConnectorButton.tsx            |  8 ++++----
 .../DistributorClaimsModal.tsx                     |  7 ++++---
 .../modals/GuideModal/Slider/Content/Content.tsx   |  4 ++--
 .../SwitchAccountModal/AccountItem/AccountItem.tsx |  7 ++++---
 .../SwitchAccountModal/SwitchAccountModal.tsx      |  6 +++---
 .../TxCompletedModal/FailedToken/FailedToken.tsx   |  6 +++---
 .../modals/TxCompletedModal/Token/Token.tsx        |  6 +++---
 src/views/ErrorView/ErrorView.tsx                  |  4 ++--
 src/views/SwapView/Tabs/TabButton/TabButton.tsx    |  3 ++-
 .../ClaimUnboostQueueNote.tsx                      |  4 ++--
 .../SwapView/common/MagicPercent/MagicPercent.tsx  |  4 ++--
 src/views/SwapView/common/Skeleton/Skeleton.tsx    |  3 ++-
 src/views/SwapView/common/StakeStats/APY/APY.tsx   |  4 ++--
 .../SwapView/common/StakeStats/Block/Block.tsx     |  2 +-
 .../common/Table/Option/Content/Content.tsx        |  6 +++---
 src/views/SwapView/common/Table/Option/Option.tsx  |  4 ++--
 src/views/SwapView/common/Table/Table.tsx          |  4 ++--
 src/views/SwapView/common/TokenList/TokenList.tsx  | 12 +++++-------
 .../content/Balance/Data/Content/Content.tsx       |  7 ++++---
 src/views/SwapView/content/Balance/Data/Data.tsx   |  8 +++-----
 .../content/Balance/UnboostQueue/UnboostQueue.tsx  |  3 +--
 .../content/Balance/UnstakeQueue/UnstakeQueue.tsx  |  3 ++-
 .../Boost/BoostContent/BoostInfo/BoostInfo.tsx     |  3 ++-
 47 files changed, 119 insertions(+), 114 deletions(-)
 delete mode 100644 src/components/ImagesProvider/images/image/magic.svg

diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
index adb4dbeb..2c8cd8a2 100644
--- a/src/app/global-error.tsx
+++ b/src/app/global-error.tsx
@@ -86,13 +86,13 @@ const GlobalError = ({ error, reset }: GlobalErrorViewProps) => {
                 className="text-center"
                 message={messages.error.title}
                 color="dark"
-                size="h32"
+                size="h4"
               />
               <Text
                 className="mt-16 text-center"
                 message={messages.error.text}
                 color="dark"
-                size="t14"
+                size="sm"
               />
               <Button
                 className="mt-32"
diff --git a/src/components/ApyBreakdown/Details/Details.tsx b/src/components/ApyBreakdown/Details/Details.tsx
index bbb4c2b6..89614af8 100644
--- a/src/components/ApyBreakdown/Details/Details.tsx
+++ b/src/components/ApyBreakdown/Details/Details.tsx
@@ -82,8 +82,9 @@ const Details: React.FC<DetailsProps> = (props) => {
                 />
                 <div className="flex flex-col">
                   <Text
+                    className="font-medium"
                     message={tokenList[token]}
-                    size="t14m"
+                    size="sm"
                     color="dark"
                   />
                   {
@@ -98,7 +99,7 @@ const Details: React.FC<DetailsProps> = (props) => {
                             },
                           }}
                           color="dark"
-                          size="t12"
+                          size="xs"
                         />
                       </div>
                     )
@@ -106,7 +107,8 @@ const Details: React.FC<DetailsProps> = (props) => {
                 </div>
               </div>
               <Text
-                size="t18m"
+                className="font-medium"
+                size="md"
                 color="dark"
                 message={methods.formatApy(Number(apy))}
               />
@@ -117,10 +119,10 @@ const Details: React.FC<DetailsProps> = (props) => {
       {
         withText && (
           <Text
-            className={cx('border-dark/20 text-center opacity-70', {
+            className={cx('border-dark/20 text-center opacity-70 font-medium', {
               'pt-12 mt-12 border-top': data.length,
             })}
-            size="t14m"
+            size="sm"
             color="dark"
             message={{
               ...messages.tooltip,
diff --git a/src/components/Image/util/images.ts b/src/components/Image/util/images.ts
index 2804105d..770a5c4c 100644
--- a/src/components/Image/util/images.ts
+++ b/src/components/Image/util/images.ts
@@ -48,6 +48,7 @@ export const logos = [
 
   'image/file',
   'image/error',
+  'image/magic',
   'image/party',
   'image/cancel',
   'image/success',
diff --git a/src/components/ImagesProvider/images/image/magic.svg b/src/components/ImagesProvider/images/image/magic.svg
deleted file mode 100644
index c6ded52e..00000000
--- a/src/components/ImagesProvider/images/image/magic.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2133 5.60079C6.4103 6.05307 6.0508 6.40697 5.60551 11.2133C5.16486 6.40931 4.80305 6.05542 0 5.60079C4.80305 5.16027 5.16486 4.80638 5.60551 0C6.0508 4.80638 6.41261 5.16022 11.2133 5.60079ZM12.7391 3.46094C13.4307 10.9078 13.9915 11.4595 21.5039 12.1459C13.9916 12.8289 13.4309 13.3887 12.7391 20.8318C12.0453 13.3886 11.4848 12.8288 3.96875 12.1459C11.4848 11.4593 12.0454 10.9077 12.7391 3.46094Z" fill="url(#paint0_linear_1530_64139)"/>
-<defs>
-<linearGradient id="paint0_linear_1530_64139" x1="0.785718" y1="20.8711" x2="23.7445" y2="18.0157" gradientUnits="userSpaceOnUse">
-<stop offset="0.00651821" stop-color="#4D2B70"/>
-<stop offset="1" stop-color="#F16EBD"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/src/components/ImagesProvider/images/index.ts b/src/components/ImagesProvider/images/index.ts
index cf36a450..3eca241f 100644
--- a/src/components/ImagesProvider/images/index.ts
+++ b/src/components/ImagesProvider/images/index.ts
@@ -43,6 +43,7 @@ import monitorAddress from './connector/monitorAddress.svg'
 
 import file from './image/file.svg'
 import error from './image/error.svg'
+import magic from './image/magic.svg'
 import party from './image/party.svg'
 import cancel from './image/cancel.svg'
 import success from './image/success.svg'
@@ -181,6 +182,7 @@ export default {
 
   'image/file': file.src,
   'image/error': error.src,
+  'image/magic': magic.src,
   'image/party': party.src,
   'image/cancel': cancel.src,
   'image/success': success.src,
diff --git a/src/components/MenuDropdown/BackButton/BackButton.tsx b/src/components/MenuDropdown/BackButton/BackButton.tsx
index af0886be..c1f60b14 100644
--- a/src/components/MenuDropdown/BackButton/BackButton.tsx
+++ b/src/components/MenuDropdown/BackButton/BackButton.tsx
@@ -30,7 +30,7 @@ const BackButton: React.FC<BackButtonProps> = (props) => {
           <Text
             className="flex-1 mr-16"
             message={title}
-            size="t14"
+            size="sm"
             color="dark"
           />
         )
diff --git a/src/components/MenuDropdown/Option/Option.tsx b/src/components/MenuDropdown/Option/Option.tsx
index d197829d..feed2b8f 100644
--- a/src/components/MenuDropdown/Option/Option.tsx
+++ b/src/components/MenuDropdown/Option/Option.tsx
@@ -76,7 +76,7 @@ const Option: React.FC<OptionProps> = (props) => {
               dataTestId={`${dataTestId}-subtitle`}
               message={subTitle}
               color="dark"
-              size="t12"
+              size="xs"
             />
           </div>
         )
diff --git a/src/components/MenuDropdown/Option/OptionTitle/OptionTitle.tsx b/src/components/MenuDropdown/Option/OptionTitle/OptionTitle.tsx
index 630879f2..0c4965d3 100644
--- a/src/components/MenuDropdown/Option/OptionTitle/OptionTitle.tsx
+++ b/src/components/MenuDropdown/Option/OptionTitle/OptionTitle.tsx
@@ -21,7 +21,7 @@ const OptionTitle: React.FC<OptionTitleProps> = (props) => {
           className="flex-1"
           message={title}
           color="dark"
-          size="t14"
+          size="sm"
         />
         <Icon
           className="ml-8"
@@ -38,7 +38,7 @@ const OptionTitle: React.FC<OptionTitleProps> = (props) => {
       className={className}
       message={title}
       color="dark"
-      size="t14"
+      size="sm"
     />
   )
 }
diff --git a/src/components/Note/Note.tsx b/src/components/Note/Note.tsx
index 25cb4125..40eda15f 100644
--- a/src/components/Note/Note.tsx
+++ b/src/components/Note/Note.tsx
@@ -46,11 +46,11 @@ const Note: React.FC<NoteProps> = (props) => {
       data-testid={dataTestId}
     >
       <Text
-        className={cx({ 'text-center': center })}
+        className={cx('font-medium', { 'text-center': center })}
         HrefComponent={Href}
         message={text}
         color={textColor}
-        size="t14m"
+        size="sm"
         html
         {...rest}
       />
diff --git a/src/components/Pagination/PageButton/PageButton.tsx b/src/components/Pagination/PageButton/PageButton.tsx
index 93fffbb2..e81277d8 100644
--- a/src/components/Pagination/PageButton/PageButton.tsx
+++ b/src/components/Pagination/PageButton/PageButton.tsx
@@ -27,7 +27,7 @@ const PageButton: React.FC<PageButtonProps> = (props) => {
         color="dark"
         message={String(page)}
         tag="span"
-        size="t14"
+        size="sm"
       />
     </PaginationButton>
   )
diff --git a/src/components/PercentInput/PercentInput.tsx b/src/components/PercentInput/PercentInput.tsx
index 2066939f..66f2da3a 100644
--- a/src/components/PercentInput/PercentInput.tsx
+++ b/src/components/PercentInput/PercentInput.tsx
@@ -135,9 +135,10 @@ const PercentInput: React.FC<PercentInputProps> = ({ field, isDisabled, dataTest
                 onClick={() => field.setValue(value)}
               >
                 <Text
+                  className="font-medium"
                   color="dark"
                   message={title}
-                  size="t14m"
+                  size="sm"
                 />
               </ButtonBase>
             ))
diff --git a/src/components/QueueDuration/QueueDuration.tsx b/src/components/QueueDuration/QueueDuration.tsx
index 21a943a0..df3e7fd1 100644
--- a/src/components/QueueDuration/QueueDuration.tsx
+++ b/src/components/QueueDuration/QueueDuration.tsx
@@ -34,7 +34,7 @@ const QueueDuration: React.FC<QueueDurationProps> = (props) => {
         className="flex-1 opacity-50"
         message={messages.calculating}
         color="dark"
-        size="t12"
+        size="xs"
         dataTestId={dataTestId}
       />
     )
@@ -51,7 +51,7 @@ const QueueDuration: React.FC<QueueDurationProps> = (props) => {
           },
         }}
         color="dark"
-        size="t12"
+        size="xs"
         dataTestId={dataTestId}
       />
     )
@@ -68,7 +68,7 @@ const QueueDuration: React.FC<QueueDurationProps> = (props) => {
           },
         }}
         color="dark"
-        size="t12"
+        size="xs"
         dataTestId={dataTestId}
       />
     )
diff --git a/src/components/ScrollableContainer/ScrollableContainer.tsx b/src/components/ScrollableContainer/ScrollableContainer.tsx
index 969db59b..ca1e4e6d 100644
--- a/src/components/ScrollableContainer/ScrollableContainer.tsx
+++ b/src/components/ScrollableContainer/ScrollableContainer.tsx
@@ -70,8 +70,9 @@ const ScrollableContainer: React.FC<ScrollableContainerProps> = (props) => {
                 color="white"
               />
               <Text
+                className="font-medium"
                 message={messages.buttonTitle}
-                size="t12m"
+                size="xs"
                 color="white"
               />
             </ButtonBase>
diff --git a/src/components/TokenDropdown/TokenOptions/Option/Option.tsx b/src/components/TokenDropdown/TokenOptions/Option/Option.tsx
index b226b459..33b5c71c 100644
--- a/src/components/TokenDropdown/TokenOptions/Option/Option.tsx
+++ b/src/components/TokenDropdown/TokenOptions/Option/Option.tsx
@@ -49,9 +49,10 @@ const Option: React.FC<OptionProps> = (props) => {
         <div className="whitespace-nowrap">
           <div className="flex items-center gap-8">
             <Text
+              className="font-medium"
               message={name}
               color="dark"
-              size="t14m"
+              size="sm"
             />
             {
               address && (
@@ -59,23 +60,24 @@ const Option: React.FC<OptionProps> = (props) => {
                   className="opacity-50"
                   message={methods.shortenAddress(address)}
                   color="dark"
-                  size="t12"
+                  size="xs"
                 />
               )
             }
           </div>
           <Text
-            className="opacity-50"
+            className="opacity-50 font-medium"
             message={title}
-            size="t12m"
+            size="xs"
             color="dark"
           />
         </div>
       </div>
       <div className="text-right">
         <Text
+          className="font-medium"
           message={methods.formatTokenValue(formattedBalance, true)}
-          size="t14m"
+          size="sm"
           color="dark"
         />
         <FiatAmount
@@ -83,7 +85,7 @@ const Option: React.FC<OptionProps> = (props) => {
           amount={formattedBalance}
           token={name as Tokens}
           color="dark"
-          size="t12"
+          size="xs"
         />
       </div>
     </ListboxOption>
diff --git a/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx b/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx
index 47849d95..b10928e8 100644
--- a/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx
+++ b/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx
@@ -114,10 +114,10 @@ const TokenOptions: React.FC<TokenOptionsProps> = (props) => {
             </ScrollableContainer>
           ) : (
             <Text
-              className="my-24 text-center"
+              className="my-24 text-center font-medium"
               message={messages.noData}
               color="dark"
-              size="t16m"
+              size="md"
             />
           )
         )
diff --git a/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx b/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx
index 5e246465..e42a2125 100644
--- a/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx
+++ b/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx
@@ -24,13 +24,13 @@ const TokenSkeleton: React.FC<TokenSkeletonProps> = (props) => {
         <div>
           <Bone
             className="rounded-4"
-            textSize="t14"
+            textsize="sm"
             w={40}
             delay={1}
           />
           <Bone
             className="rounded-4"
-            textSize="t12"
+            textsize="xs"
             w={65}
             delay={1}
           />
@@ -39,13 +39,13 @@ const TokenSkeleton: React.FC<TokenSkeletonProps> = (props) => {
       <div className="flex flex-col items-end">
         <Bone
           className="rounded-4"
-          textSize="t14"
+          textsize="sm"
           w={56}
           delay={2}
         />
         <Bone
           className="rounded-4"
-          textSize="t12"
+          textsize="xs"
           w={32}
           delay={2}
         />
diff --git a/src/components/UserApy/BoostPercent/BoostPercent.tsx b/src/components/UserApy/BoostPercent/BoostPercent.tsx
index 8aed513c..a5dd5a3b 100644
--- a/src/components/UserApy/BoostPercent/BoostPercent.tsx
+++ b/src/components/UserApy/BoostPercent/BoostPercent.tsx
@@ -85,11 +85,11 @@ const BoostPercent: React.FC<BoostPercentProps> = (props) => {
         )
       }
       <Text
-        className={cx({ 'text-secondary-gradient': isProfitable })}
+        className={cx('font-medium', { 'text-secondary-gradient': isProfitable })}
         dataTestId={dataTestId}
         message={formattedApy}
         color={textColor}
-        size="t14m"
+        size="sm"
       />
     </div>
   )
diff --git a/src/components/UserApy/UserApy.tsx b/src/components/UserApy/UserApy.tsx
index 9a383219..28b72993 100644
--- a/src/components/UserApy/UserApy.tsx
+++ b/src/components/UserApy/UserApy.tsx
@@ -26,10 +26,11 @@ const UserApy: React.FC<UserApyProps> = (props) => {
   if (!isBoosted) {
     return (
       <Text
+        className="font-medium"
         message={methods.formatApy(userApy)}
         dataTestId={dataTestId}
         color="dark"
-        size="t14m"
+        size="sm"
       />
     )
   }
diff --git a/src/layouts/AppLayout/BottomLoader/BottomLoader.tsx b/src/layouts/AppLayout/BottomLoader/BottomLoader.tsx
index 79ab5c2c..16ce733c 100644
--- a/src/layouts/AppLayout/BottomLoader/BottomLoader.tsx
+++ b/src/layouts/AppLayout/BottomLoader/BottomLoader.tsx
@@ -63,9 +63,9 @@ const BottomLoader: React.FC = (): React.ReactPortal | null => {
           size={16}
         />
         <Text
-          className="ml-16"
+          className="ml-16 font-medium"
           message={content as Intl.Message}
-          size="t12m"
+          size="xs"
           color="dark"
           dataTestId="bottom-loader-text"
         />
diff --git a/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Address/Address.tsx b/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Address/Address.tsx
index d894abb7..98b67242 100644
--- a/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Address/Address.tsx
+++ b/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Address/Address.tsx
@@ -37,10 +37,10 @@ const Address: React.FC<AddressProps> = (props) => {
           size={16}
         />
         <Text
-          className="ml-8"
+          className="ml-8 font-medium"
           message={shortAddress}
           color="dark"
-          size="t14m"
+          size="sm"
         />
       </div>
       <div className="flex justify-end items-center">
diff --git a/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Balances/Balance/Balance.tsx b/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Balances/Balance/Balance.tsx
index bcc054c4..53ecee39 100644
--- a/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Balances/Balance/Balance.tsx
+++ b/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Balances/Balance/Balance.tsx
@@ -72,9 +72,10 @@ const Balance: React.FC<BalanceProps> = (props) => {
     <div className={containerClassName}>
       <div className="flex items-center justify-start">
         <Text
+          className="font-medium"
           message={token}
           color="dark"
-          size="t14m"
+          size="sm"
         />
         {
           withAddTokenButton && (
@@ -105,11 +106,11 @@ const Balance: React.FC<BalanceProps> = (props) => {
               dataTestId={`${token}-amount`}
             />
             <FiatAmount
-              className="opacity-60"
+              className="opacity-60 font-medium"
               amount={value}
               token={token}
               color="dark"
-              size="t12m"
+              size="xs"
               dataTestId={`${token}-fiat-amount`}
             />
           </div>
diff --git a/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Menu/MenuItem/MenuItem.tsx b/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Menu/MenuItem/MenuItem.tsx
index 43efe98a..a2b56423 100644
--- a/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Menu/MenuItem/MenuItem.tsx
+++ b/src/layouts/AppLayout/Header/Connect/Account/AccountMenu/Menu/MenuItem/MenuItem.tsx
@@ -18,9 +18,10 @@ const MenuItem: React.FC<MenuItemProps> = (props) => {
   const itemNode = (
     <div className={cx(className, 'flex justify-between items-center w-full')}>
       <Text
+        className="font-medium"
         message={title}
         color="dark"
-        size="t14m"
+        size="sm"
       />
       <Icon
         name="arrow/right"
diff --git a/src/layouts/AppLayout/Header/Connect/Account/ClaimLabel/ClaimLabel.tsx b/src/layouts/AppLayout/Header/Connect/Account/ClaimLabel/ClaimLabel.tsx
index dcb26d27..3314957e 100644
--- a/src/layouts/AppLayout/Header/Connect/Account/ClaimLabel/ClaimLabel.tsx
+++ b/src/layouts/AppLayout/Header/Connect/Account/ClaimLabel/ClaimLabel.tsx
@@ -59,17 +59,17 @@ const ClaimLabel: React.FC<ClaimLabelProps> = (props) => {
     >
       <Text
         ref={claimRef}
-        className={s.text}
+        className={cx(s.text, 'font-bold')}
         message={commonMessages.buttonTitle.claim}
         color="light"
-        size="n10b"
+        size="xs"
       />
       <Text
         ref={amountRef}
-        className={cx(s.text, 'opacity-0')}
+        className={cx(s.text, 'opacity-0 font-bold')}
         message={amount}
         color="light"
-        size="n10b"
+        size="xs"
       />
     </div>
   )
diff --git a/src/layouts/modals/ConnectWalletModal/ConnectWalletModal.tsx b/src/layouts/modals/ConnectWalletModal/ConnectWalletModal.tsx
index 3694d58d..5f500929 100644
--- a/src/layouts/modals/ConnectWalletModal/ConnectWalletModal.tsx
+++ b/src/layouts/modals/ConnectWalletModal/ConnectWalletModal.tsx
@@ -60,8 +60,8 @@ export const [ ConnectWalletModal, openConnectWalletModal, closeConnectWalletMod
             className="inline-block font-medium"
             dataTestId="select-wallet-modal-no-wallet-button"
             message={messages.noWallet}
-            size="t14m"
             color="inherit"
+            size="sm"
           />
         </Href>
       </div>
diff --git a/src/layouts/modals/ConnectWalletModal/ConnectorsView/ConnectorButton/ConnectorButton.tsx b/src/layouts/modals/ConnectWalletModal/ConnectorsView/ConnectorButton/ConnectorButton.tsx
index 4452ff1a..a122fb1a 100644
--- a/src/layouts/modals/ConnectWalletModal/ConnectorsView/ConnectorButton/ConnectorButton.tsx
+++ b/src/layouts/modals/ConnectWalletModal/ConnectorsView/ConnectorButton/ConnectorButton.tsx
@@ -34,11 +34,11 @@ const ConnectorButton: React.FC<ConnectorButtonProps> = (props) => {
           />
         </div>
         <Text
-          className={cx(s.text, 'mt-16 opacity-60')}
+          className={cx(s.text, 'mt-16 opacity-60 font-medium')}
           dataTestId={`${dataTestId}-title`}
           message={title}
           color="dark"
-          size="t12m"
+          size="xs"
         />
       </Href>
     )
@@ -66,11 +66,11 @@ const ConnectorButton: React.FC<ConnectorButtonProps> = (props) => {
         }
       </div>
       <Text
-        className={cx(s.text, 'mt-16 opacity-60')}
+        className={cx(s.text, 'mt-16 opacity-60 font-medium')}
         dataTestId={`${dataTestId}-title`}
         message={title}
         color="dark"
-        size="t12m"
+        size="xs"
       />
     </ButtonBase>
   )
diff --git a/src/layouts/modals/DistributorClaimsModal/DistributorClaimsModal.tsx b/src/layouts/modals/DistributorClaimsModal/DistributorClaimsModal.tsx
index 73810a7f..caa8aee3 100644
--- a/src/layouts/modals/DistributorClaimsModal/DistributorClaimsModal.tsx
+++ b/src/layouts/modals/DistributorClaimsModal/DistributorClaimsModal.tsx
@@ -127,8 +127,9 @@ export const [ DistributorClaimsModal, openDistributorClaimsModal ] = (
                 })}
               >
                 <Text
+                  className="font-medium"
                   message={token}
-                  size="t16m"
+                  size="md"
                   color="dark"
                 />
                 <div className="flex flex-col items-end">
@@ -138,11 +139,11 @@ export const [ DistributorClaimsModal, openDistributorClaimsModal ] = (
                     size="sm"
                   />
                   <FiatAmount
-                    className="opacity-60"
+                    className="opacity-60 font-medium"
                     token={token as 'osETH'}
                     amount={value}
                     color="dark"
-                    size="t12m"
+                    size="xs"
                   />
                 </div>
               </div>
diff --git a/src/layouts/modals/GuideModal/Slider/Content/Content.tsx b/src/layouts/modals/GuideModal/Slider/Content/Content.tsx
index 3cb4bcbb..00cfc77c 100644
--- a/src/layouts/modals/GuideModal/Slider/Content/Content.tsx
+++ b/src/layouts/modals/GuideModal/Slider/Content/Content.tsx
@@ -53,12 +53,12 @@ const Content: React.FC<ContentProps> = (props) => {
             }}
           >
             <Text
-              className={cx('py-24 px-12', {
+              className={cx('py-24 px-12 font-medium', {
                 'min-h-[88px]': isDesktop,
               })}
               message={text as Intl.Message}
               color="dark"
-              size="t14m"
+              size="sm"
               HrefComponent={withHref ? Href : undefined}
               html={withHref}
             />
diff --git a/src/layouts/modals/SwitchAccountModal/AccountItem/AccountItem.tsx b/src/layouts/modals/SwitchAccountModal/AccountItem/AccountItem.tsx
index 0486cb5f..0d13ab9a 100644
--- a/src/layouts/modals/SwitchAccountModal/AccountItem/AccountItem.tsx
+++ b/src/layouts/modals/SwitchAccountModal/AccountItem/AccountItem.tsx
@@ -31,9 +31,10 @@ const AccountItem: React.FC<AccountItemProps> = (props) => {
       onClick={handleClick}
     >
       <Text
+        className="font-bold"
         message={shortenAddress as Intl.Message | string}
         color="dark"
-        size="t14b"
+        size="sm"
       />
       {
         Boolean(balance) ? (
@@ -45,11 +46,11 @@ const AccountItem: React.FC<AccountItemProps> = (props) => {
               size="md"
             />
             <FiatAmount
-              className="mt-4 text-center opacity-60"
+              className="mt-4 text-center opacity-60 font-medium"
               token={token}
               amount={balance as string}
               color="dark"
-              size="t12m"
+              size="xs"
             />
           </>
         ) : (
diff --git a/src/layouts/modals/SwitchAccountModal/SwitchAccountModal.tsx b/src/layouts/modals/SwitchAccountModal/SwitchAccountModal.tsx
index b5a04fd0..f3ad0304 100644
--- a/src/layouts/modals/SwitchAccountModal/SwitchAccountModal.tsx
+++ b/src/layouts/modals/SwitchAccountModal/SwitchAccountModal.tsx
@@ -59,7 +59,7 @@ export const [ SwitchAccountModal, openSwitchAccountModal ] = (
                 className="opacity-60"
                 message={commonMessages.loading}
                 color="dark"
-                size="t14"
+                size="sm"
               />
             ) : (
               <>
@@ -68,7 +68,7 @@ export const [ SwitchAccountModal, openSwitchAccountModal ] = (
                   message={messages.note}
                   color="dark"
                   tag="span"
-                  size="t14"
+                  size="sm"
                 />
                 &nbsp;
                 <ButtonBase
@@ -79,7 +79,7 @@ export const [ SwitchAccountModal, openSwitchAccountModal ] = (
                     message={nextPathType.title}
                     color="primary"
                     tag="span"
-                    size="t14"
+                    size="sm"
                   />
                 </ButtonBase>
               </>
diff --git a/src/layouts/modals/TxCompletedModal/FailedToken/FailedToken.tsx b/src/layouts/modals/TxCompletedModal/FailedToken/FailedToken.tsx
index 8838344e..501d15d6 100644
--- a/src/layouts/modals/TxCompletedModal/FailedToken/FailedToken.tsx
+++ b/src/layouts/modals/TxCompletedModal/FailedToken/FailedToken.tsx
@@ -32,13 +32,13 @@ const FailedToken: React.FC<FailedTokenProps> = (props) => {
       className={cx(className, 'flex items-center justify-between border-top border-dark/10 py-16')}
     >
       <Text
-        className="flex-1"
+        className="flex-1 font-medium"
         message={{
           ...title,
           values: { token },
         }}
         color="error"
-        size="t18m"
+        size="md"
         dataTestId={`action-${action}`}
       />
       <div>
@@ -53,7 +53,7 @@ const FailedToken: React.FC<FailedTokenProps> = (props) => {
           amount={value}
           token={token}
           color="dark"
-          size="t12"
+          size="xs"
         />
       </div>
     </div>
diff --git a/src/layouts/modals/TxCompletedModal/Token/Token.tsx b/src/layouts/modals/TxCompletedModal/Token/Token.tsx
index a2139cbf..13241dbd 100644
--- a/src/layouts/modals/TxCompletedModal/Token/Token.tsx
+++ b/src/layouts/modals/TxCompletedModal/Token/Token.tsx
@@ -40,13 +40,13 @@ const Token: React.FC<TokenProps> = (props) => {
       className={cx(className, 'flex items-center justify-between border-top border-dark/10 py-16')}
     >
       <Text
-        className="flex-1"
+        className="flex-1 font-medium"
         message={{
           ...title,
           values: { token },
         }}
         color="secondary"
-        size="t18m"
+        size="md"
         dataTestId={`action-${action}`}
       />
       <div>
@@ -61,7 +61,7 @@ const Token: React.FC<TokenProps> = (props) => {
           amount={value}
           token={token}
           color="dark"
-          size="t12"
+          size="xs"
         />
       </div>
     </div>
diff --git a/src/views/ErrorView/ErrorView.tsx b/src/views/ErrorView/ErrorView.tsx
index e3c2704b..ae7e066d 100644
--- a/src/views/ErrorView/ErrorView.tsx
+++ b/src/views/ErrorView/ErrorView.tsx
@@ -26,13 +26,13 @@ const ErrorView: React.FC<ErrorViewProps> = ({ error }) => {
           className="text-center"
           message={pageMessages.title}
           color="dark"
-          size="h32"
+          size="h4"
         />
         <Text
           className="mt-16 text-center"
           message={pageMessages.text}
           color="dark"
-          size="t14"
+          size="sm"
         />
         <Button
           className="mt-32"
diff --git a/src/views/SwapView/Tabs/TabButton/TabButton.tsx b/src/views/SwapView/Tabs/TabButton/TabButton.tsx
index dad81f8e..39207b5c 100644
--- a/src/views/SwapView/Tabs/TabButton/TabButton.tsx
+++ b/src/views/SwapView/Tabs/TabButton/TabButton.tsx
@@ -38,9 +38,10 @@ const TabButton: React.FC<TabButtonProps> = (props) => {
           )
         }
         <Text
+          className="font-medium"
           message={title}
           color="dark"
-          size="t14m"
+          size="sm"
         />
       </div>
     </ButtonBase>
diff --git a/src/views/SwapView/common/ClaimUnboostQueueNote/ClaimUnboostQueueNote.tsx b/src/views/SwapView/common/ClaimUnboostQueueNote/ClaimUnboostQueueNote.tsx
index db7773c4..10c09c2f 100644
--- a/src/views/SwapView/common/ClaimUnboostQueueNote/ClaimUnboostQueueNote.tsx
+++ b/src/views/SwapView/common/ClaimUnboostQueueNote/ClaimUnboostQueueNote.tsx
@@ -32,10 +32,10 @@ const ClaimUnboostQueueNote: React.FC<ClaimUnboostQueueNoteProps> = (props) => {
       dataTestId="exit-queue-note"
       CustomComponent={() => (
         <Text
-          className="underline lowercase align-baseline"
+          className="underline font-medium lowercase align-baseline"
           color="warning"
           tag="button"
-          size="t14m"
+          size="sm"
           dataTestId="balances-link"
           message={commonMessages.buttonTitle.claimed}
           onClick={() => tabs.setTab(Tab.Balance)}
diff --git a/src/views/SwapView/common/MagicPercent/MagicPercent.tsx b/src/views/SwapView/common/MagicPercent/MagicPercent.tsx
index 20a53bad..d916d877 100644
--- a/src/views/SwapView/common/MagicPercent/MagicPercent.tsx
+++ b/src/views/SwapView/common/MagicPercent/MagicPercent.tsx
@@ -22,10 +22,10 @@ const MagicPercent: React.FC<MagicPercentProps> = (props) => {
         )
       }
       <Text
-        className="text-secondary-gradient"
+        className="text-secondary-gradient font-bold"
         message={String(value)}
         color="inherit"
-        size="t14b"
+        size="sm"
         dataTestId={dataTestId}
       />
       {
diff --git a/src/views/SwapView/common/Skeleton/Skeleton.tsx b/src/views/SwapView/common/Skeleton/Skeleton.tsx
index 1bc4464e..13b6c845 100644
--- a/src/views/SwapView/common/Skeleton/Skeleton.tsx
+++ b/src/views/SwapView/common/Skeleton/Skeleton.tsx
@@ -44,9 +44,10 @@ const Skeleton: React.FC = () => {
                   )
                 }
                 <Text
+                  className="font-medium"
                   message={title}
                   color="dark"
-                  size="t14m"
+                  size="sm"
                 />
               </div>
             </Bone>
diff --git a/src/views/SwapView/common/StakeStats/APY/APY.tsx b/src/views/SwapView/common/StakeStats/APY/APY.tsx
index b16d2b3f..5bd7df9c 100644
--- a/src/views/SwapView/common/StakeStats/APY/APY.tsx
+++ b/src/views/SwapView/common/StakeStats/APY/APY.tsx
@@ -38,7 +38,7 @@ const APY: React.FC<APYProps> = (props) => {
           className="opacity-60"
           message={methods.formatApy(apy)}
           color="dark"
-          size="t14"
+          size="sm"
           dataTestId="vault-apy"
         />
         {
@@ -49,7 +49,7 @@ const APY: React.FC<APYProps> = (props) => {
                 className="opacity-60"
                 message="-"
                 color="dark"
-                size="t14"
+                size="sm"
               />
               &nbsp;
               <MagicPercent
diff --git a/src/views/SwapView/common/StakeStats/Block/Block.tsx b/src/views/SwapView/common/StakeStats/Block/Block.tsx
index c1896c15..4ddf53a5 100644
--- a/src/views/SwapView/common/StakeStats/Block/Block.tsx
+++ b/src/views/SwapView/common/StakeStats/Block/Block.tsx
@@ -23,7 +23,7 @@ const Block: React.FC<BlockProps> = (props) => {
         className="opacity-60"
         message={value}
         color="dark"
-        size="t14"
+        size="sm"
         dataTestId={dataTestId}
       />
       <Text
diff --git a/src/views/SwapView/common/Table/Option/Content/Content.tsx b/src/views/SwapView/common/Table/Option/Content/Content.tsx
index 4c3c7bf9..b27efd54 100644
--- a/src/views/SwapView/common/Table/Option/Content/Content.tsx
+++ b/src/views/SwapView/common/Table/Option/Content/Content.tsx
@@ -43,7 +43,7 @@ const Content: React.FC<ContentProps> = (props) => {
           className="font-medium"
           message={values.prev}
           color="dark"
-          size="t14"
+          size="sm"
           dataTestId={`${dataTestId}-prev`}
         />
         <Icon
@@ -63,7 +63,7 @@ const Content: React.FC<ContentProps> = (props) => {
           className={isMagicValue ? 'text-secondary-gradient font-medium' : 'font-medium'}
           message={values.next}
           color="dark"
-          size="t14"
+          size="sm"
           dataTestId={`${dataTestId}-next`}
         />
       </div>
@@ -104,7 +104,7 @@ const Content: React.FC<ContentProps> = (props) => {
         className="font-medium"
         message={value as string}
         color="dark"
-        size="t14"
+        size="sm"
         dataTestId={dataTestId}
       />
     </div>
diff --git a/src/views/SwapView/common/Table/Option/Option.tsx b/src/views/SwapView/common/Table/Option/Option.tsx
index 17d900a4..8800d343 100644
--- a/src/views/SwapView/common/Table/Option/Option.tsx
+++ b/src/views/SwapView/common/Table/Option/Option.tsx
@@ -20,10 +20,10 @@ const Option: React.FC<OptionProps> = (props) => {
     <div className={cx(className, 'flex justify-between items-center')}>
       <div className="flex justify-start items-center">
         <Text
-          className="opacity-50"
+          className="opacity-50 font-medium"
           message={text}
           color="dark"
-          size="t14m"
+          size="sm"
         />
         {
           Boolean(tooltip) && (
diff --git a/src/views/SwapView/common/Table/Table.tsx b/src/views/SwapView/common/Table/Table.tsx
index 7a3fd65c..f37edac5 100644
--- a/src/views/SwapView/common/Table/Table.tsx
+++ b/src/views/SwapView/common/Table/Table.tsx
@@ -25,10 +25,10 @@ const Table: React.FC<TableProps> = (props) => {
       {
         title && (
           <Text
-            className="text-center mb-12"
+            className="text-center mb-12 font-bold"
             message={title}
             color="dark"
-            size="t14b"
+            size="sm"
           />
         )
       }
diff --git a/src/views/SwapView/common/TokenList/TokenList.tsx b/src/views/SwapView/common/TokenList/TokenList.tsx
index 86a26c19..6acbcc2a 100644
--- a/src/views/SwapView/common/TokenList/TokenList.tsx
+++ b/src/views/SwapView/common/TokenList/TokenList.tsx
@@ -32,12 +32,10 @@ const TokenList: React.FC<TokenListProps> = (props) => {
             data-testid={dataTestId}
           >
             <TextWithTooltip
-              text={{
-                message: title,
-                color: 'dark',
-                size: 't14m',
-              }}
               tooltip={tooltip}
+              message={title}
+              color="dark"
+              size="sm"
             />
             <div className="text-right">
               <TokenAmount
@@ -47,11 +45,11 @@ const TokenList: React.FC<TokenListProps> = (props) => {
                 dataTestId={dataTestId ? `${dataTestId}-amount` : undefined}
               />
               <FiatAmount
-                className="mt-4 opacity-60"
+                className="mt-4 opacity-60 font-medium"
                 amount={amount}
                 token={token}
                 color="dark"
-                size="t12m"
+                size="xs"
                 dataTestId={dataTestId ? `${dataTestId}-fiat-amount` : undefined}
               />
             </div>
diff --git a/src/views/SwapView/content/Balance/Data/Content/Content.tsx b/src/views/SwapView/content/Balance/Data/Content/Content.tsx
index cce695c5..da895944 100644
--- a/src/views/SwapView/content/Balance/Data/Content/Content.tsx
+++ b/src/views/SwapView/content/Balance/Data/Content/Content.tsx
@@ -54,11 +54,11 @@ const Content: React.FC<ContentProps> = (props) => {
           withMinimalValue={withMinimalValue}
         />
         <FiatAmount
-          className="mt-4 opacity-60"
+          className="mt-4 opacity-60 font-medium"
           amount={amount}
           token={token}
           color="dark"
-          size="t12m"
+          size="xs"
         />
       </div>
     )
@@ -90,9 +90,10 @@ const Content: React.FC<ContentProps> = (props) => {
 
   return (
     <Text
+      className="font-medium"
       message={value}
       color="dark"
-      size="t14m"
+      size="sm"
       dataTestId={dataTestId}
     />
   )
diff --git a/src/views/SwapView/content/Balance/Data/Data.tsx b/src/views/SwapView/content/Balance/Data/Data.tsx
index 67ed76a7..fd1400f9 100644
--- a/src/views/SwapView/content/Balance/Data/Data.tsx
+++ b/src/views/SwapView/content/Balance/Data/Data.tsx
@@ -132,11 +132,9 @@ const Data: React.FC = () => {
             >
               <div>
                 <TextWithTooltip
-                  text={{
-                    message: title,
-                    color: 'dark',
-                    size: 't14m',
-                  }}
+                  message={title}
+                  color="dark"
+                  size="sm"
                   tooltip={tooltip}
                 />
               </div>
diff --git a/src/views/SwapView/content/Balance/UnboostQueue/UnboostQueue.tsx b/src/views/SwapView/content/Balance/UnboostQueue/UnboostQueue.tsx
index 5e177d1b..cd772065 100644
--- a/src/views/SwapView/content/Balance/UnboostQueue/UnboostQueue.tsx
+++ b/src/views/SwapView/content/Balance/UnboostQueue/UnboostQueue.tsx
@@ -84,9 +84,8 @@ const UnboostQueue: React.FC<UnboostQueueProps> = (props) => {
       <div className="flex items-center justify-between">
         <div>
           <TextWithTooltip
-            icon={{ size: 16, color: 'warning' }}
             tooltip={commonMessages.tooltip.unboostPenalties}
-            text={{ message: commonMessages.buttonTitle.unboostQueue }}
+            message={commonMessages.buttonTitle.unboostQueue}
           />
           {
             !hideDuration && (
diff --git a/src/views/SwapView/content/Balance/UnstakeQueue/UnstakeQueue.tsx b/src/views/SwapView/content/Balance/UnstakeQueue/UnstakeQueue.tsx
index a0485268..682b741d 100644
--- a/src/views/SwapView/content/Balance/UnstakeQueue/UnstakeQueue.tsx
+++ b/src/views/SwapView/content/Balance/UnstakeQueue/UnstakeQueue.tsx
@@ -76,9 +76,10 @@ const UnstakeQueue: React.FC<UnstakeQueueProps> = (props) => {
       <div className="flex items-center justify-between">
         <div>
           <Text
+            className="font-medium"
             message={commonMessages.buttonTitle.unstakeQueue}
             color="dark"
-            size="t14m"
+            size="sm"
           />
           {
             !hideDuration && (
diff --git a/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx b/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx
index eac14f82..333776ff 100644
--- a/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx
+++ b/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx
@@ -57,9 +57,10 @@ const BoostInfo: React.FC<BoostInfoProps> = (props) => {
           onClick={openGuideModal}
         >
           <Text
+            className="font-medium"
             message={commonMessages.buttonTitle.boostGuideLink}
             color="primary"
-            size="t14m"
+            size="sm"
           />
         </Href>
       </div>

From abeae0b8458dc8bd4c6111bb92282cc7483da0a0 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Fri, 10 Jul 2026 16:12:13 +0500
Subject: [PATCH 03/14] [logic-and-ui-improves] modules & fix build

---
 src/components/Chart/Skeleton/Skeleton.tsx    |   2 +-
 .../ImagesProvider/images/image/magic.svg     |   9 +
 .../Input/InputView/InputView.module.scss     |   2 -
 .../TokenSkeleton/TokenSkeleton.tsx           |   8 +-
 .../Header/Settings/util/useAppConfig.ts      |   7 +-
 .../cache-storage/CacheStorage.spec.ts        |  26 ++
 .../cache-storage/useCacheListener.spec.ts    |  83 +++++
 src/modules/device/_SSR/getCookieDevice.ts    |   3 +-
 src/modules/device/_SSR/getUserAgentDevice.ts |   3 +-
 src/modules/device/_SSR/index.ts              |  13 +
 src/modules/intersection-observer/useEntry.ts |   4 +-
 src/modules/intl/_SSR/languageMiddleware.ts   |   2 +-
 src/modules/intl/formatMessage.spec.ts        | 307 ++++++++++++++++++
 src/modules/intl/useLocale.ts                 |  17 +-
 .../intl/util/getVariableValues.spec.ts       |  12 +
 .../intl/util/replacePluralVariables.spec.ts  | 250 ++++++++++++++
 .../intl/util/replaceSelectVariables.spec.ts  |  71 ++++
 .../intl/util/replaceSimpleVariables.spec.ts  |  38 +++
 src/modules/theme/_SSR/getServerTheme.ts      |  11 +-
 src/modules/theme/ctx.ts                      |  34 +-
 .../SwapView/common/StakeStats/APY/APY.tsx    |   4 +-
 .../common/StakeStats/Block/Block.tsx         |   4 +-
 .../content/Boost/BoostInput/BoostInput.tsx   |   2 +-
 .../content/Burn/BurnInput/BurnInput.tsx      |   2 +-
 .../content/Mint/MintInput/MintInput.tsx      |   2 +-
 .../content/Stake/StakeInput/StakeInput.tsx   |   2 +-
 .../Unstake/UnstakeInput/UnstakeInput.tsx     |   2 +-
 27 files changed, 888 insertions(+), 32 deletions(-)
 create mode 100644 src/components/ImagesProvider/images/image/magic.svg
 create mode 100644 src/modules/cache-storage/CacheStorage.spec.ts
 create mode 100644 src/modules/cache-storage/useCacheListener.spec.ts
 create mode 100644 src/modules/intl/formatMessage.spec.ts
 create mode 100644 src/modules/intl/util/getVariableValues.spec.ts
 create mode 100644 src/modules/intl/util/replacePluralVariables.spec.ts
 create mode 100644 src/modules/intl/util/replaceSelectVariables.spec.ts
 create mode 100644 src/modules/intl/util/replaceSimpleVariables.spec.ts

diff --git a/src/components/Chart/Skeleton/Skeleton.tsx b/src/components/Chart/Skeleton/Skeleton.tsx
index 594b51c9..846d77b0 100644
--- a/src/components/Chart/Skeleton/Skeleton.tsx
+++ b/src/components/Chart/Skeleton/Skeleton.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { device } from 'sw-utils/modules'
+import device from 'modules/device'
 
 import Bone from '../../Bone/Bone'
 
diff --git a/src/components/ImagesProvider/images/image/magic.svg b/src/components/ImagesProvider/images/image/magic.svg
new file mode 100644
index 00000000..c6ded52e
--- /dev/null
+++ b/src/components/ImagesProvider/images/image/magic.svg
@@ -0,0 +1,9 @@
+<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2133 5.60079C6.4103 6.05307 6.0508 6.40697 5.60551 11.2133C5.16486 6.40931 4.80305 6.05542 0 5.60079C4.80305 5.16027 5.16486 4.80638 5.60551 0C6.0508 4.80638 6.41261 5.16022 11.2133 5.60079ZM12.7391 3.46094C13.4307 10.9078 13.9915 11.4595 21.5039 12.1459C13.9916 12.8289 13.4309 13.3887 12.7391 20.8318C12.0453 13.3886 11.4848 12.8288 3.96875 12.1459C11.4848 11.4593 12.0454 10.9077 12.7391 3.46094Z" fill="url(#paint0_linear_1530_64139)"/>
+<defs>
+<linearGradient id="paint0_linear_1530_64139" x1="0.785718" y1="20.8711" x2="23.7445" y2="18.0157" gradientUnits="userSpaceOnUse">
+<stop offset="0.00651821" stop-color="#4D2B70"/>
+<stop offset="1" stop-color="#F16EBD"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/components/Input/InputView/InputView.module.scss b/src/components/Input/InputView/InputView.module.scss
index d5b8fc1e..4adeea54 100644
--- a/src/components/Input/InputView/InputView.module.scss
+++ b/src/components/Input/InputView/InputView.module.scss
@@ -113,9 +113,7 @@ $bg-color-error-hover: rgba($color-error-rgb, .15);
 
   &:not(.disabled) {
     &.focused {
-      @include shadow-xl;
       @include field-colors($border-color-hover, rgba($color-white-rgb, .5));
     }
   }
-
 }
diff --git a/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx b/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx
index e42a2125..1ca0f8a1 100644
--- a/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx
+++ b/src/components/TokenDropdown/TokenOptions/TokenSkeleton/TokenSkeleton.tsx
@@ -24,13 +24,13 @@ const TokenSkeleton: React.FC<TokenSkeletonProps> = (props) => {
         <div>
           <Bone
             className="rounded-4"
-            textsize="sm"
+            textSize="sm"
             w={40}
             delay={1}
           />
           <Bone
             className="rounded-4"
-            textsize="xs"
+            textSize="xs"
             w={65}
             delay={1}
           />
@@ -39,13 +39,13 @@ const TokenSkeleton: React.FC<TokenSkeletonProps> = (props) => {
       <div className="flex flex-col items-end">
         <Bone
           className="rounded-4"
-          textsize="sm"
+          textSize="sm"
           w={56}
           delay={2}
         />
         <Bone
           className="rounded-4"
-          textsize="xs"
+          textSize="xs"
           w={32}
           delay={2}
         />
diff --git a/src/layouts/AppLayout/Header/Settings/util/useAppConfig.ts b/src/layouts/AppLayout/Header/Settings/util/useAppConfig.ts
index 27956dc0..b4fc028f 100644
--- a/src/layouts/AppLayout/Header/Settings/util/useAppConfig.ts
+++ b/src/layouts/AppLayout/Header/Settings/util/useAppConfig.ts
@@ -58,19 +58,19 @@ const useAppConfig = () => {
 
   const themeOptions = useMemo<OptionsType[]>(() => [
     {
-      logo: 'theme/sun',
+      icon: 'theme/sun',
       value: ThemeValue.Light,
       title: messages.theme.light,
     },
     {
-      logo: 'theme/moon',
+      icon: 'theme/moon',
       value: ThemeValue.Dark,
       title: messages.theme.dark,
     },
     {
       value: ThemeValue.System,
       title: messages.theme.system,
-      logo: systemTheme === ThemeColor.Dark ? 'theme/moon' : 'theme/sun',
+      icon: systemTheme === ThemeColor.Dark ? 'theme/moon' : 'theme/sun',
     },
   ], [ systemTheme ])
 
@@ -132,3 +132,4 @@ const useAppConfig = () => {
 
 
 export default useAppConfig
+
diff --git a/src/modules/cache-storage/CacheStorage.spec.ts b/src/modules/cache-storage/CacheStorage.spec.ts
new file mode 100644
index 00000000..132149f9
--- /dev/null
+++ b/src/modules/cache-storage/CacheStorage.spec.ts
@@ -0,0 +1,26 @@
+import CacheStorage from './CacheStorage'
+
+
+describe('helpers/getter/CacheStorage', () => {
+  const cacheId = 'KEY'
+  const cache = CacheStorage.get(cacheId)
+
+  it('should set and get value by key', () => {
+    cache.setData('DATA')
+
+    expect(cache.getData()).toBe('DATA')
+  })
+
+  it('should reset value by key', () => {
+    cache.resetData()
+    expect(cache.getData()).toBe(null)
+  })
+
+  it('should reset value after timeout', async () => {
+    cache.setData('DATA', 1000)
+    expect(cache.getData()).toBe('DATA')
+
+    await new Promise((r) => setTimeout(r, 2000))
+    expect(cache.getData()).toBe(null)
+  })
+})
diff --git a/src/modules/cache-storage/useCacheListener.spec.ts b/src/modules/cache-storage/useCacheListener.spec.ts
new file mode 100644
index 00000000..77f46509
--- /dev/null
+++ b/src/modules/cache-storage/useCacheListener.spec.ts
@@ -0,0 +1,83 @@
+import { act, renderHook } from '@testing-library/react'
+import CacheStorage from './CacheStorage'
+
+import useCacheListener from './useCacheListener'
+
+
+describe('cache-storage/useCacheListener', () => {
+  const cacheId = 'KEY'
+  const cache = CacheStorage.get(cacheId)
+
+  it('should return correct initial "data"', () => {
+    cache.setData('DATA')
+    const { result } = renderHook(() => useCacheListener(cacheId))
+    const [ data ] = result.current
+
+    expect(data).toBe('DATA')
+  })
+
+  it('should return correct "data" after set', () => {
+    const { result } = renderHook(() => useCacheListener(cacheId))
+    const [ _, setData ] = result.current
+
+    act(() => {
+      setData('DATA2')
+    })
+
+    const [ state ] = result.current
+
+    expect(state).toBe('DATA2')
+  })
+
+  it('should return correct "data" after time is up', async () => {
+    const { result } = renderHook(() => useCacheListener(cacheId))
+    const [ _, setData ] = result.current
+
+    act(() => {
+      setData('DATA3', 1000)
+    })
+
+    await new Promise((r) => setTimeout(r, 2000))
+    const [ state ] = result.current
+
+    expect(state).toBe(null)
+  })
+
+  it('should return correct "data" if cache was canged from storage', async () => {
+    const { result } = renderHook(() => useCacheListener(cacheId))
+    const [ _, setData ] = result.current
+
+    act(() => {
+      setData('DATA4')
+    })
+
+    const [ firstRenderState ] = result.current
+    expect(firstRenderState).toBe('DATA4')
+
+    act(() => {
+      cache.setData('DATA5')
+    })
+
+    const [ secondRenderState ] = result.current
+    expect(secondRenderState).toBe('DATA5')
+  })
+
+  it('should return correct "data" if cache was deleted from storage', async () => {
+    const { result } = renderHook(() => useCacheListener(cacheId))
+    const [ _, setData ] = result.current
+
+    act(() => {
+      setData('DATA6')
+    })
+
+    const [ firstRenderState ] = result.current
+    expect(firstRenderState).toBe('DATA6')
+
+    act(() => {
+      cache.resetData()
+    })
+
+    const [ secondRenderState ] = result.current
+    expect(secondRenderState).toBe(null)
+  })
+})
diff --git a/src/modules/device/_SSR/getCookieDevice.ts b/src/modules/device/_SSR/getCookieDevice.ts
index c1d26b15..e3b48cb2 100644
--- a/src/modules/device/_SSR/getCookieDevice.ts
+++ b/src/modules/device/_SSR/getCookieDevice.ts
@@ -1,8 +1,9 @@
-import { cookies } from 'next/headers'
 import * as constants from 'helpers/constants'
 
 
 const getCookieDevice = async () => {
+  const { cookies } = await import('next/headers')
+
   const cookiesState = await cookies()
   const cookieDevice = cookiesState.get(constants.cookieNames.device)?.value
 
diff --git a/src/modules/device/_SSR/getUserAgentDevice.ts b/src/modules/device/_SSR/getUserAgentDevice.ts
index 64388f9f..13315fab 100644
--- a/src/modules/device/_SSR/getUserAgentDevice.ts
+++ b/src/modules/device/_SSR/getUserAgentDevice.ts
@@ -1,8 +1,9 @@
 import { UAParser } from 'ua-parser-js'
-import { headers } from 'next/headers'
 
 
 const getUserAgentDevice = async () => {
+  const { headers } = await import('next/headers')
+
   const headersList = await headers()
   const userAgent = headersList.get('user-agent') || ''
   const serverUI = new UAParser(userAgent)
diff --git a/src/modules/device/_SSR/index.ts b/src/modules/device/_SSR/index.ts
index 069e3aa6..5323ed0a 100644
--- a/src/modules/device/_SSR/index.ts
+++ b/src/modules/device/_SSR/index.ts
@@ -2,7 +2,20 @@ import getCookieDevice from './getCookieDevice'
 import getUserAgentDevice from './getUserAgentDevice'
 
 
+const isIpfs = process.env.NEXT_PUBLIC_IPFS === 'true'
+
+const defaultDevice: Device.Context = {
+  isTablet: false,
+  isMobile: false,
+  isDesktop: true,
+  isCalculated: false,
+}
+
 const getServerDevice = async (): Promise<Device.Context> => {
+  if (isIpfs) {
+    return defaultDevice
+  }
+
   const [ cookieDevice, userAgentDevice ] = await Promise.all([
     getCookieDevice(),
     getUserAgentDevice(),
diff --git a/src/modules/intersection-observer/useEntry.ts b/src/modules/intersection-observer/useEntry.ts
index c9b1d852..85f7e228 100644
--- a/src/modules/intersection-observer/useEntry.ts
+++ b/src/modules/intersection-observer/useEntry.ts
@@ -1,6 +1,7 @@
 'use client'
 import { useState, useCallback, useEffect, RefCallback } from 'react'
-import { useDeepMemo } from 'hooks'
+
+import useDeepMemo from '../../hooks/controls/useDeepMemo'
 
 
 export type Opts = Partial<IntersectionObserverInit & {
@@ -43,7 +44,6 @@ const useEntry = <T extends Element = Element>(opts: Opts = {}): Result<T> => {
   useEffect(() => {
     if (!node || typeof IntersectionObserver === 'undefined') {
       setEntry(null)
-
       return
     }
 
diff --git a/src/modules/intl/_SSR/languageMiddleware.ts b/src/modules/intl/_SSR/languageMiddleware.ts
index c8461158..625d7f4a 100644
--- a/src/modules/intl/_SSR/languageMiddleware.ts
+++ b/src/modules/intl/_SSR/languageMiddleware.ts
@@ -1,6 +1,6 @@
 import { NextRequest } from 'next/server'
-import * as constants from 'helpers/constants'
 import allLanguages from 'scripts/languages'
+import * as constants from 'helpers/constants'
 
 
 const defaultLanguage = allLanguages[0]
diff --git a/src/modules/intl/formatMessage.spec.ts b/src/modules/intl/formatMessage.spec.ts
new file mode 100644
index 00000000..296fe83c
--- /dev/null
+++ b/src/modules/intl/formatMessage.spec.ts
@@ -0,0 +1,307 @@
+import _formatMessage from './formatMessage'
+
+
+const formatMessage = _formatMessage.bind(null, 'en')
+
+describe('module:intl/formatMessage', () => {
+
+  describe('common', () => {
+
+    it('with no variables', () => {
+      const message = { en: 'Hello world' }
+      const expected = 'Hello world'
+
+      expect(formatMessage(message)).toEqual(expected)
+    })
+
+    it('with html tags', () => {
+      const message = { en: '<b>Hello world</b>' }
+      const expected = '<b>Hello world</b>'
+
+      expect(formatMessage(message)).toEqual(expected)
+    })
+
+    it('with multiple lines', () => {
+      const message = {
+        en: `
+          Discover a new burger 
+          This is delicious
+        `,
+      }
+      const expected = 'Discover a new burger This is delicious'
+
+      expect(formatMessage(message)).toEqual(expected)
+    })
+
+  })
+
+  // Simple variables ----------------------------------------------------- /
+
+  describe('with simple variables', () => {
+
+    it('with no value', () => {
+      const message = { en: 'Hello, {username}' }
+      const expected = 'Hello, {username}'
+
+      expect(formatMessage(message)).toEqual(expected)
+    })
+
+    it('with null value', () => {
+      const message = { en: 'Hello, {username}' }
+      const values = { username: null }
+      const expected = 'Hello, {username}'
+
+      // @ts-ignore
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+    it('with string value', () => {
+      const message = { en: 'Hello, {username}' }
+      const values = { username: 'John Doe' }
+      const expected = 'Hello, John Doe'
+
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+    it('with price value', () => {
+      const message = { en: 'Price: {price}' }
+      const values = { price: '$10.15' }
+      const expected = 'Price: $10.15'
+
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+    it('with multiple values', () => {
+      const message = { en: 'Discover a new {product} {period} for ${price}' }
+      const values = { product: 'burger', period: 'every month', price: 1.95 }
+      const expected = 'Discover a new burger every month for $1.95'
+
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+  })
+
+  // Plural variables ----------------------------------------------- /
+
+  describe('with plural variable', () => {
+
+    it('with values { count: 1 }', () => {
+      const messages = {
+        en: 'Get {count, plural, one {# product} other {# products}} for free.',
+        ru: 'Получить {count, plural, one {# продукт} other {# продуктов}} бесплатно.',
+        fr: 'Obtenez {count, plural, one {# produit} other {# produits}} gratuitement.',
+        de: 'Erhalten Sie das {count, plural, one {# Produkt} other {# Produkte}} kostenlos.',
+        es: 'Obtenga {count, plural, one {# producto} other {# productos}} gratis.',
+        pt: 'Receba {count, plural, one {# produto} other {# produtos}} gratuitamente.',
+        zh: '免费获得 {count, plural, one {# 产品} other {# 产品}}。',
+      }
+      const expectedMessages = {
+        en: 'Get 1 product for free.',
+        ru: 'Получить 1 продукт бесплатно.',
+        fr: 'Obtenez 1 produit gratuitement.',
+        de: 'Erhalten Sie das 1 Produkt kostenlos.',
+        es: 'Obtenga 1 producto gratis.',
+        pt: 'Receba 1 produto gratuitamente.',
+        zh: '免费获得 1 产品。',
+      }
+      const values = { count: 1 }
+
+      for (const [ key, value ] of Object.entries(messages)) {
+        const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+        expect(_formatMessage(key, { [key]: value }, values)).toEqual(expectedMessage)
+      }
+    })
+
+    it('with values { count: 23 }', () => {
+      const messages = {
+        en: 'Get {count, plural, one {# product} other {products}} for free.',
+        ru: 'Получить {count, plural, one {# продукт} other {продукты}} бесплатно.',
+        fr: 'Obtenez {count, plural, one {# produit} other {produits}} gratuitement.',
+        de: 'Erhalten Sie das {count, plural, one {# Produkt} other {Produkte}} kostenlos.',
+        es: 'Obtenga {count, plural, one {# producto} other {productos}} gratis.',
+        pt: 'Receba {count, plural, one {# produto} other {produtos}} gratuitamente.',
+        zh: '免费获得{count, plural, one {# 产品} other {产品}}。',
+      }
+      const expectedMessages = {
+        en: 'Get products for free.',
+        ru: 'Получить продукты бесплатно.',
+        fr: 'Obtenez produits gratuitement.',
+        de: 'Erhalten Sie das Produkte kostenlos.',
+        es: 'Obtenga productos gratis.',
+        pt: 'Receba produtos gratuitamente.',
+        zh: '免费获得产品。',
+      }
+      const values = { count: 23 }
+
+      for (const [ key, value ] of Object.entries(messages)) {
+        const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+        expect(_formatMessage(key, { [key]: value }, values)).toEqual(expectedMessage)
+      }
+    })
+
+    it('if # exists', () => {
+      const messages = {
+        en: 'Get {count, plural, one {# product} other {# products}} for free.',
+        ru: 'Получить {count, plural, one {# продукт} other {# продукта}} бесплатно.',
+        fr: 'Obtenez {count, plural, one {# produit} other {# produits}} gratuitement.',
+        de: 'Erhalten Sie das {count, plural, one {# Produkt} other {# Produkte}} kostenlos.',
+        es: 'Obtenga {count, plural, one {# producto} other {# productos}} gratis.',
+        pt: 'Receba {count, plural, one {# produto} other {# produtos}} gratuitamente.',
+        zh: '免费获得 {count, plural, one {# 产品} other {# 产品}}。',
+      }
+      const expectedMessages = {
+        en: 'Get 23 products for free.',
+        ru: 'Получить 23 продукта бесплатно.',
+        fr: 'Obtenez 23 produits gratuitement.',
+        de: 'Erhalten Sie das 23 Produkte kostenlos.',
+        es: 'Obtenga 23 productos gratis.',
+        pt: 'Receba 23 produtos gratuitamente.',
+        zh: '免费获得 23 产品。',
+      }
+      const values = { count: 23 }
+
+      for (const [ key, value ] of Object.entries(messages)) {
+        const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+        expect(_formatMessage(key, { [key]: value }, values)).toEqual(expectedMessage)
+      }
+    })
+
+    it('with no values', () => {
+      const messages = {
+        en: 'Get {count, plural, one {# product} other {products}} for free.',
+        ru: 'Получить {count, plural, one {# продукт} other {продукты}} бесплатно.',
+        fr: 'Obtenez {count, plural, one {# produit} other {produits}} gratuitement.',
+        de: 'Erhalten Sie das {count, plural, one {# Produkt} other {Produkte}} kostenlos.',
+        es: 'Obtenga {count, plural, one {# producto} other {productos}} gratis.',
+        pt: 'Receba {count, plural, one {# produto} other {produtos}} gratuitamente.',
+        zh: '免费获得{count, plural, one {# 产品} other {产品}}。',
+      }
+      const expectedMessages = {
+        en: 'Get products for free.',
+        ru: 'Получить продукты бесплатно.',
+        fr: 'Obtenez produits gratuitement.',
+        de: 'Erhalten Sie das Produkte kostenlos.',
+        es: 'Obtenga productos gratis.',
+        pt: 'Receba produtos gratuitamente.',
+        zh: '免费获得产品。',
+      }
+
+      for (const [ key, value ] of Object.entries(messages)) {
+        const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+        expect(_formatMessage(key, { [key]: value })).toEqual(expectedMessage)
+      }
+    })
+
+    it('with no values #2', () => {
+      const messages = {
+        en: 'Get {count, plural, one {# product} other {new products}} for free.',
+        ru: 'Получить {count, plural, one {# продукт} other {новые продукты}} бесплатно.',
+        fr: 'Obtenez {count, plural, one {# produit} other {nouveaux produits}} gratuitement.',
+        de: 'Erhalten Sie das {count, plural, one {# Produkt} other {Neue Produkte}} kostenlos.',
+        es: 'Obtenga {count, plural, one {# producto} other {nuevos productos}} gratis.',
+        pt: 'Receba {count, plural, one {# produto} other {novos produtos}} gratuitamente.',
+        zh: '免费获得{count, plural, one {# 产品} other {新产品}}。',
+      }
+      const expectedMessages = {
+        en: 'Get new products for free.',
+        ru: 'Получить новые продукты бесплатно.',
+        fr: 'Obtenez nouveaux produits gratuitement.',
+        de: 'Erhalten Sie das Neue Produkte kostenlos.',
+        es: 'Obtenga nuevos productos gratis.',
+        pt: 'Receba novos produtos gratuitamente.',
+        zh: '免费获得新产品。',
+      }
+
+      for (const [ key, value ] of Object.entries(messages)) {
+        const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+        expect(_formatMessage(key, { [key]: value })).toEqual(expectedMessage)
+      }
+    })
+
+    it('with several values', () => {
+      const messages = {
+        en: 'Get {count, plural, one {# product} other {two products}} for free.',
+        ru: 'Получить {count, plural, one {# продукт} other {два продукта}} бесплатно.',
+        fr: 'Obtenez {count, plural, one {# produit} other {deux produits}} gratuitement.',
+        de: 'Erhalten Sie das {count, plural, one {# Produkt} other {zwei Produkte}} kostenlos.',
+        es: 'Obtenga {count, plural, one {# producto} other {dos productos}} gratis.',
+        pt: 'Receba {count, plural, one {# produto} other {dois produtos}} gratuitamente.',
+        zh: '免费获得{count, plural, one {# 产品} other {二}}产品。',
+      }
+      const expectedMessages = {
+        en: 'Get two products for free.',
+        ru: 'Получить два продукта бесплатно.',
+        fr: 'Obtenez deux produits gratuitement.',
+        de: 'Erhalten Sie das zwei Produkte kostenlos.',
+        es: 'Obtenga dos productos gratis.',
+        pt: 'Receba dois produtos gratuitamente.',
+        zh: '免费获得二产品。',
+      }
+      const values = { count: 2 }
+
+      for (const [ key, value ] of Object.entries(messages)) {
+        const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+        expect(_formatMessage(key, { [key]: value }, values)).toEqual(expectedMessage)
+      }
+    })
+
+  })
+
+  // Select variables ----------------------------------------------- /
+
+  describe('with select variable', () => {
+
+    it('with values { currency: "ETH" }', () => {
+      const message = { en: 'Check a new {currency, select, ETH {ethereum} BTC {bitcoin}}' }
+      const values = { currency: 'ETH' }
+      const expected = 'Check a new ethereum'
+
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+    it('with no values', () => {
+      const message = { en: 'Check a new {currency, select, ETH {ethereum} BTC {bitcoin}}' }
+      const expected = 'Check a new ethereum'
+
+      expect(formatMessage(message)).toEqual(expected)
+    })
+
+    it('with empty values', () => {
+      const message = { en: 'Check a new {currency, select, ETH {ethereum} BTC {bitcoin}}' }
+      const expected = 'Check a new ethereum'
+
+      expect(formatMessage(message)).toEqual(expected)
+    })
+
+  })
+
+  // Mixed variables ---------------------------------- /
+
+  describe('with mixed variables', () => {
+
+    it('with same plural and simple variable names', () => {
+      const message = { en: 'Get a free {product}. One {count, plural, one {product} other {products}}' }
+      const values = { count: 1, product: 'burger' }
+      const expected = 'Get a free burger. One product'
+
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+    it('inline', () => {
+      // eslint-disable-next-line max-len
+      const message = { en: 'Discover a new {gender, select, female {cheeseburger} male {burger}} {period} for {price, plural, one {# dollar} other {# dollars}}' }
+      const values = { gender: 'male', period: 'every month', price: 1 }
+      const expected = 'Discover a new burger every month for 1 dollar'
+
+      expect(formatMessage(message, values)).toEqual(expected)
+    })
+
+  })
+
+})
diff --git a/src/modules/intl/useLocale.ts b/src/modules/intl/useLocale.ts
index f6bed50b..ce615565 100644
--- a/src/modules/intl/useLocale.ts
+++ b/src/modules/intl/useLocale.ts
@@ -1,9 +1,24 @@
 'use client'
 import { useCallback, useState } from 'react'
+
 import * as constants from 'helpers/constants'
 import cookie from 'helpers/cookie'
 
 
+const isIpfs = process.env.NEXT_PUBLIC_IPFS === 'true'
+
+const getInitialLocale = (locale?: Intl.LanguagesKeys): Intl.LanguagesKeys => {
+  if (isIpfs) {
+    const saved = cookie.get(constants.cookieNames.language) as Intl.LanguagesKeys
+
+    if (saved) {
+      return saved
+    }
+  }
+
+  return locale || 'en'
+}
+
 export type Input = {
   locale?: Intl.LanguagesKeys
   locales: Intl.LanguagesKeys[]
@@ -23,7 +38,7 @@ const useLocale = (values: Input): Output => {
   } = values
 
   // The module can take control of any kind of router, or we can save locale in state (if control via a router is not suitable for us)
-  const [ runtimeLocale, setRuntimeLocale ] = useState<Intl.LanguagesKeys>(locale || 'en')
+  const [ runtimeLocale, setRuntimeLocale ] = useState<Intl.LanguagesKeys>(() => getInitialLocale(locale))
 
   const setLocale = useCallback((value: Intl.LanguagesKeys) => {
     const isValid = locales.includes(value)
diff --git a/src/modules/intl/util/getVariableValues.spec.ts b/src/modules/intl/util/getVariableValues.spec.ts
new file mode 100644
index 00000000..68f69e4c
--- /dev/null
+++ b/src/modules/intl/util/getVariableValues.spec.ts
@@ -0,0 +1,12 @@
+import getVariableValues from './getVariableValues'
+
+
+describe('module:intl/getVariableValues', () => {
+
+  it('should transform variable string to values map', () => {
+    const message = '{network, select, mainnet {correct} goerli {test} kovan {error}}'
+    const expected = { mainnet: 'correct', goerli: 'test', kovan: 'error' }
+
+    expect(getVariableValues(message)).toStrictEqual(expected)
+  })
+})
diff --git a/src/modules/intl/util/replacePluralVariables.spec.ts b/src/modules/intl/util/replacePluralVariables.spec.ts
new file mode 100644
index 00000000..12833def
--- /dev/null
+++ b/src/modules/intl/util/replacePluralVariables.spec.ts
@@ -0,0 +1,250 @@
+import replacePluralVariables from './replacePluralVariables'
+
+
+describe('module:intl/replacePluralVariables', () => {
+
+  it('should work with non-existent locale', () => {
+    const messages = {
+      xyz: 'Get {count, plural, one {# product} other {# products}} for free.',
+    }
+    const expectedMessages = {
+      xyz: 'Get products for free.',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+      expect(replacePluralVariables(value, key)).toEqual(expectedMessage)
+    }
+  })
+
+  it('should return passed message without changes if wrong variable template used #1', () => {
+    const messages = {
+      en: 'Get {count, plural, one {# product}} for free.',
+      ru: 'Получить {count, plural, one {# продукт}} бесплатно.',
+      fr: 'Obtenez {count, plural, one {# produit}} gratuitement.',
+      de: 'Erhalten Sie das {count, plural, one {# Produkt}} kostenlos',
+      es: 'Obtenga {count, plural, one {# producto}} gratis',
+      pt: 'Receba {count, plural, one {# o produto}} gratuitamente.',
+      zh: '免费获取{count, plural, one {# 产品}}',
+    }
+    for (const [ key, value ] of Object.entries(messages)) {
+      expect(replacePluralVariables(value, key)).toEqual(value)
+    }
+  })
+
+  it('should return passed message without changes if wrong variable template used #2', () => {
+    const messages = {
+      en: 'Get {count, plural , one {# product} other {# products} for free.',
+      ru: 'Получить {count, plural , one {# продукт} other {# products} бесплатно.',
+      fr: 'Obtenez {count, plural , one {# produit} other {# produits}} gratuitement.',
+      de: 'Erhalten Sie das {count, plural , one {# Produkt} other {# Produkte}} kostenlos',
+      es: 'Obtenga {count, plural , one {# producto}} gratis',
+      pt: 'Receba {count, plural , one {# o produto}} gratuitamente.',
+      zh: '免费获取{count, plural , one {# o 产品}}',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      expect(replacePluralVariables(value, key)).toEqual(value)
+    }
+  })
+
+  it('should return passed message without changes if wrong variable template used #3', () => {
+    const messages = {
+      en: 'Get {count, plurall, one {# product} other {# products}} for free.',
+      ru: 'Получить {count, plurall, one {# продукт} other {# продукты}} бесплатно.',
+      fr: 'Obtenez {count, plurall, one {# produit} other {# produits}} gratuitement.',
+      de: 'Erhalten Sie das {count, plurall, one {# Produkt} other {# Produkte}} kostenlos',
+      es: 'Obtenga {count, plurall, one {# producto}} gratis',
+      pt: 'Receba {count, plurall, one {# o produto}} gratuitamente.',
+      zh: '免费获取{count, plurall, one {# 产品}}',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      expect(replacePluralVariables(value, key)).toEqual(value)
+    }
+  })
+
+  it('should return "other" variable value if values not passed', () => {
+    const messages = {
+      en: 'Get {count, plural, one {# product} other {# products}} for free.',
+      ru: 'Получить {count, plural, one {# продукт} other {# продукты}} бесплатно.',
+      fr: 'Obtenez {count, plural, one {# produit} other {# des produits}} gratuitement.',
+      de: 'Erhalten Sie das {count, plural, one {# Produkt} other {# Produkte}} kostenlos',
+      es: 'Obtenga {count, plural, one {# producto} other {# productos}} gratis',
+      pt: 'Receba {count, plural, one {# o produto} other {# produtos}} gratuitamente.',
+      zh: '免费获得{count, plural, one {# 产品} other {# 产品}}',
+    }
+    const expectedMessages = {
+      en: 'Get products for free.',
+      ru: 'Получить продукты бесплатно.',
+      fr: 'Obtenez des produits gratuitement.',
+      de: 'Erhalten Sie das Produkte kostenlos',
+      es: 'Obtenga productos gratis',
+      pt: 'Receba produtos gratuitamente.',
+      zh: '免费获得产品',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+      expect(replacePluralVariables(value, key)).toEqual(expectedMessage)
+      expect(replacePluralVariables(value, key, {})).toEqual(expectedMessage)
+      expect(replacePluralVariables(value, key, { count: null })).toEqual(expectedMessage)
+      expect(replacePluralVariables(value, key, { count: undefined })).toEqual(expectedMessage)
+    }
+  })
+
+  it('should return "one" variable', () => {
+    const messages = {
+      en: 'Get {count, plural, one {# product} other {# products}} for free.',
+      ru: 'Получить {count, plural, one {# продукт} other {# продуктов}} бесплатно.',
+      fr: 'Obtenez {count, plural, one {# produit} other {# produits}} gratuitement.',
+      de: 'Erhalten Sie das {count, plural, one {# Produkt} other {# Produkte}} kostenlos.',
+      es: 'Obtenga {count, plural, one {# producto} other {# productos}} gratis.',
+      pt: 'Receba {count, plural, one {# produto} other {# produtos}} gratuitamente.',
+      zh: '免费获得 {count, plural, one {# 产品} other {# 产品}}',
+    }
+    const expectedMessages = {
+      en: 'Get 1 product for free.',
+      ru: 'Получить 1 продукт бесплатно.',
+      fr: 'Obtenez 1 produit gratuitement.',
+      de: 'Erhalten Sie das 1 Produkt kostenlos.',
+      es: 'Obtenga 1 producto gratis.',
+      pt: 'Receba 1 produto gratuitamente.',
+      zh: '免费获得 1 产品',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+      expect(replacePluralVariables(value, key, { count: 1 })).toEqual(expectedMessage)
+    }
+  })
+
+  it('should return "other" variable', () => {
+    const messages = {
+      en: 'Get {count, plural, one {# product} other {# products}} for free.',
+      ru: 'Получить {count, plural, one {# продукт} other {# продукта}} бесплатно.',
+      fr: 'Obtenez {count, plural, one {# produit} other {# produits}} gratuitement.',
+      de: 'Erhalten Sie das {count, plural, one {# Produkt} other {# Produkte}} kostenlos',
+      es: 'Obtenga {count, plural, one {# producto} other {# productos}} gratis',
+      pt: 'Receba {count, plural, one {# produto} other {# produtos}} gratuitamente.',
+      zh: '免费获得 {count, plural, one {# 产品} other {# 产品}}。',
+    }
+    const expectedMessages = {
+      en: 'Get 2.5 products for free.',
+      ru: 'Получить 2.5 продукта бесплатно.',
+      fr: 'Obtenez 2.5 produits gratuitement.',
+      de: 'Erhalten Sie das 2.5 Produkte kostenlos',
+      es: 'Obtenga 2.5 productos gratis',
+      pt: 'Receba 2.5 produtos gratuitamente.',
+      zh: '免费获得 2.5 产品。',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+      expect(replacePluralVariables(value, key, { count: 2.5 })).toEqual(expectedMessage)
+    }
+  })
+
+  it('should replace multiple variables', () => {
+    const messages = {
+      en: `
+        Get {count, plural, one {# product} other {# products}} for free.
+        Get {amount, plural, one {one item} other {items}} for free.
+      `,
+      ru: `
+        Получить {count, plural, one {# продукт} other {# продукта}} бесплатно.
+        Получить {amount, plural, one {один элемент} other {# элемента}} бесплатно.
+      `,
+      fr: `
+        Obtenez {count, plural, one {# produit} other {# produits}} gratuitement.
+        Obtenez {amount, plural, one {un produit} other {# produits}} gratuitement.
+      `,
+      de: `
+        Erhalten Sie das {count, plural, one {# Produkt} other {# Produkte}} kostenlos.
+        Erhalten Sie das {amount, plural, one {ein Produkt} other {# Produkte}} kostenlos.
+      `,
+      es: `
+        Obtenga {count, plural, one {# producto} other {# productos}} gratis.
+        Obtenga {amount, plural, one {un producto} other {# productos}} gratis.
+      `,
+      pt: `
+        Receba {count, plural, one {# produto} other {# produtos}} gratuitamente.
+        Receba {amount, plural, one {um produto} other { produtos}} gratuitamente.
+      `,
+      zh: `
+        免费获得 {count, plural, one {# 产品} other {# 产品}}。
+        免费获得 {count, plural, one {一 产品} other { 产品}}。
+      `,
+    }
+
+    const expectedMessages = {
+      en: `
+        Get 2 products for free.
+        Get one item for free.
+      `,
+      ru: `
+        Получить 2 продукта бесплатно.
+        Получить один элемент бесплатно.
+      `,
+      fr: `
+        Obtenez 2 produits gratuitement.
+        Obtenez un produit gratuitement.
+      `,
+      de: `
+        Erhalten Sie das 2 Produkte kostenlos.
+        Erhalten Sie das ein Produkt kostenlos.
+      `,
+      es: `
+        Obtenga 2 productos gratis.
+        Obtenga un producto gratis.
+      `,
+      pt: `
+        Receba 2 produtos gratuitamente.
+        Receba um produto gratuitamente.
+      `,
+      zh: `
+        免费获得 2 产品。
+        免费获得  产品。
+      `,
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+      expect(replacePluralVariables(value, key, { count: 2, amount: 1 })).toEqual(expectedMessage)
+    }
+  })
+
+  it('should return "few" variable or "others" if "few" does not exist', () => {
+    const messages = {
+      en: 'Get {count, plural, one {# product} few {few products} other {# products}} for free.',
+      ru: 'Получить {count, plural, one {# продукт} few {# продукта} many {# продуктов}} бесплатно.',
+      fr: 'Obtenez {count, plural, one {# produit} few {# plusieurs produits} other {# produits}} gratuitement.',
+      de: 'Erhalten Sie das {count, plural, one {# Produkt} few {# mehrere Produkte} other {# Produkte}} kostenlos.',
+      es: 'Obtenga {count, plural, one {# producto} few {# varios productos} other {# productos}} gratis',
+      pt: 'Receba {count, plural, one {# produto} few {# vários productos} other {# produtos}} gratuitamente.',
+      zh: '免费获得 {count, plural, one {# } few {# 产品} other {# 产品}}',
+    }
+
+    const expectedMessages = {
+      en: 'Get 2 products for free.',
+      ru: 'Получить 2 продукта бесплатно.',
+      fr: 'Obtenez 2 produits gratuitement.',
+      de: 'Erhalten Sie das 2 Produkte kostenlos.',
+      es: 'Obtenga 2 productos gratis',
+      pt: 'Receba 2 produtos gratuitamente.',
+      zh: '免费获得 2 产品',
+    }
+
+    for (const [ key, value ] of Object.entries(messages)) {
+      const expectedMessage = expectedMessages[key as keyof typeof expectedMessages]
+
+      expect(replacePluralVariables(value, key, { count: 2 })).toEqual(expectedMessage)
+    }
+  })
+
+})
diff --git a/src/modules/intl/util/replaceSelectVariables.spec.ts b/src/modules/intl/util/replaceSelectVariables.spec.ts
new file mode 100644
index 00000000..2d768062
--- /dev/null
+++ b/src/modules/intl/util/replaceSelectVariables.spec.ts
@@ -0,0 +1,71 @@
+import replaceSelectVariables from './replaceSelectVariables'
+
+
+describe('module:intl/replaceSelectVariables', () => {
+
+  it('should return passed message without changes if wrong variable template used #1', () => {
+    const message = '{network, select, mainnet {correct}}'
+
+    expect(replaceSelectVariables(message)).toEqual(message)
+  })
+
+  it('should return passed message without changes if wrong variable template used #2', () => {
+    const message = '{network, select , mainnet {correct} goerli {test} kovan {error}}'
+
+    expect(replaceSelectVariables(message)).toEqual(message)
+  })
+
+  it('should return passed message without changes if wrong variable template used #3', () => {
+    const message = '{network, selectt, mainnet {correct} goerli {test} kovan {error}}'
+
+    expect(replaceSelectVariables(message)).toEqual(message)
+  })
+
+  it('should return "other" variable value if values not passed', () => {
+    const message = '{network, select, mainnet {correct} goerli {test} other {fragrance}}'
+    const expected = 'fragrance'
+
+    expect(replaceSelectVariables(message)).toEqual(expected)
+    expect(replaceSelectVariables(message, {})).toEqual(expected)
+    expect(replaceSelectVariables(message, { count: null })).toEqual(expected)
+    expect(replaceSelectVariables(message, { count: undefined })).toEqual(expected)
+  })
+
+  it('should return "correct" (first) variable value if values not passed and "other" variable does not exist', () => {
+    const message = '{network, select, mainnet {correct} goerli {test} kovan {error}}'
+    const expected = 'correct'
+
+    expect(replaceSelectVariables(message)).toEqual(expected)
+  })
+
+  it('should replace variable with passed value', () => {
+    const message = '{network, select, mainnet {correct} goerli {test} kovan {error}}'
+    const values = { network: 'goerli' }
+    const expected = 'test'
+
+    expect(replaceSelectVariables(message, values)).toEqual(expected)
+  })
+
+  it('should return "other" variable', () => {
+    const message = '{network, select, mainnet {correct} goerli {test} kovan {error}}'
+    const values = { network: 'zero' }
+    const expected = 'correct'
+
+    expect(replaceSelectVariables(message, values)).toEqual(expected)
+  })
+
+  it('should replace multiple variables', () => {
+    const message = `
+      {network, select, mainnet {correct} goerli {test} kovan {error}}.
+      Count: {count, select, 1 {one ETH} other {ETHs}} for free.
+    `
+    const values = { network: 'mainnet', count: 1 }
+    const expected = `
+      correct.
+      Count: one ETH for free.
+    `
+
+    expect(replaceSelectVariables(message, values)).toEqual(expected)
+  })
+
+})
diff --git a/src/modules/intl/util/replaceSimpleVariables.spec.ts b/src/modules/intl/util/replaceSimpleVariables.spec.ts
new file mode 100644
index 00000000..1d484e47
--- /dev/null
+++ b/src/modules/intl/util/replaceSimpleVariables.spec.ts
@@ -0,0 +1,38 @@
+import replaceSimpleVariables from './replaceSimpleVariables'
+
+
+describe('module:intl/replaceSimpleVariables', () => {
+
+  it('should return passed message without changes', () => {
+    const message = 'Hello, {username}'
+    const expected = 'Hello, {username}'
+    const actual = replaceSimpleVariables(message)
+
+    expect(actual).toEqual(expected)
+  })
+
+  it('should replace one variable', () => {
+    const message = 'Hello, {username}'
+    const expected = 'Hello, John Doe'
+    const actual = replaceSimpleVariables(message, { username: 'John Doe' })
+
+    expect(actual).toEqual(expected)
+  })
+
+  it('should replace multiple variables', () => {
+    const message = 'Hello, {username}. Get a free {product}'
+    const expected = 'Hello, John Doe. Get a free cologne'
+    const actual = replaceSimpleVariables(message, { username: 'John Doe', product: 'cologne' })
+
+    expect(actual).toEqual(expected)
+  })
+
+  it('should replace multiple same variables', () => {
+    const message = 'Get a free {product}. This is nice {product}'
+    const expected = 'Get a free cologne. This is nice cologne'
+    const actual = replaceSimpleVariables(message, { product: 'cologne' })
+
+    expect(actual).toEqual(expected)
+  })
+
+})
diff --git a/src/modules/theme/_SSR/getServerTheme.ts b/src/modules/theme/_SSR/getServerTheme.ts
index 3147d1b0..97d2e32a 100644
--- a/src/modules/theme/_SSR/getServerTheme.ts
+++ b/src/modules/theme/_SSR/getServerTheme.ts
@@ -1,11 +1,18 @@
-import * as constants from 'helpers/constants'
-import { cookies } from 'next/headers'
 import { ThemeColor } from '../enum'
+import * as constants from 'helpers/constants'
+
 
+const isIpfs = process.env.NEXT_PUBLIC_IPFS === 'true'
 
 const availableThemes = [ ThemeColor.Light, ThemeColor.Dark ]
 
 const getServerTheme = async () => {
+  if (isIpfs) {
+    return { value: undefined, isSystemTheme: true }
+  }
+
+  const { cookies } = await import('next/headers')
+
   const cookiesStore = await cookies()
   const theme = cookiesStore.get(constants.cookieNames.themeColor)?.value as ThemeColor
   const isSystemTheme = cookiesStore.get(constants.cookieNames.isSystemTheme)?.value !== 'false'
diff --git a/src/modules/theme/ctx.ts b/src/modules/theme/ctx.ts
index bc51e489..1e4d8ec3 100644
--- a/src/modules/theme/ctx.ts
+++ b/src/modules/theme/ctx.ts
@@ -8,6 +8,8 @@ import cookie from 'helpers/cookie'
 import { ThemeClasses, ThemeValue, ThemeColor } from './enum'
 
 
+const isIpfs = process.env.NEXT_PUBLIC_IPFS === 'true'
+
 const initialContext: Theme.Context = {
   themeValue: ThemeColor.Light,
   cookieTheme: ThemeColor.Light,
@@ -26,11 +28,30 @@ const {
   useData,
   useInit,
 } = initContext<Theme.Context, Theme.Input>(initialContext, (serverTheme) => {
-  const [ { cookieTheme, systemTheme, isSystemTheme }, setState ] = useObjectState<Theme.State>({
-    cookieTheme: serverTheme.value || ThemeColor.Light,
-    isSystemTheme: serverTheme.isSystemTheme,
-    systemTheme: serverTheme.isSystemTheme && serverTheme.value ? serverTheme.value : ThemeColor.Light,
-  })
+  const getInitialTheme = (): Theme.State => {
+    if (isIpfs) {
+      const savedTheme = cookie.get(constants.cookieNames.themeColor) as ThemeColor
+      const savedIsSystem = cookie.get(constants.cookieNames.isSystemTheme)
+
+      if (savedTheme || savedIsSystem) {
+        const isSystem = savedIsSystem === 'true'
+
+        return {
+          isSystemTheme: isSystem,
+          cookieTheme: savedTheme || ThemeColor.Light,
+          systemTheme: isSystem ? (savedTheme || ThemeColor.Light) : ThemeColor.Light,
+        }
+      }
+    }
+
+    return {
+      isSystemTheme: serverTheme.isSystemTheme,
+      cookieTheme: serverTheme.value || ThemeColor.Light,
+      systemTheme: serverTheme.isSystemTheme && serverTheme.value ? serverTheme.value : ThemeColor.Light,
+    }
+  }
+
+  const [ { cookieTheme, systemTheme, isSystemTheme }, setState ] = useObjectState<Theme.State>(getInitialTheme())
 
   const setThemeClassName = useCallback((theme: ThemeColor) => {
     const isDark = theme === ThemeColor.Dark
@@ -71,6 +92,9 @@ const {
         darkThemeQuery.removeEventListener('change', handleSetTheme)
       }
     }
+    else {
+      setThemeClassName(cookieTheme)
+    }
   }, [ isSystemTheme, getSystemTheme, setThemeClassName, setState ])
 
   const setTheme = useCallback((theme: ThemeValue) => {
diff --git a/src/views/SwapView/common/StakeStats/APY/APY.tsx b/src/views/SwapView/common/StakeStats/APY/APY.tsx
index 5bd7df9c..ec1c1791 100644
--- a/src/views/SwapView/common/StakeStats/APY/APY.tsx
+++ b/src/views/SwapView/common/StakeStats/APY/APY.tsx
@@ -65,10 +65,10 @@ const APY: React.FC<APYProps> = (props) => {
         className={cx('flex items-center gap-4', { 'mt-4': !isDesktop })}
       >
         <Text
-          className="opacity-40"
+          className="opacity-40 font-medium"
           message={!isDesktop ? 'APY' : messages.apy}
           color="dark"
-          size={!isDesktop ? 't12m' : 't14m'}
+          size={!isDesktop ? 'xs' : 'sm'}
         />
         {
           isBoostEnabled && (
diff --git a/src/views/SwapView/common/StakeStats/Block/Block.tsx b/src/views/SwapView/common/StakeStats/Block/Block.tsx
index 4ddf53a5..e5e544e4 100644
--- a/src/views/SwapView/common/StakeStats/Block/Block.tsx
+++ b/src/views/SwapView/common/StakeStats/Block/Block.tsx
@@ -27,10 +27,10 @@ const Block: React.FC<BlockProps> = (props) => {
         dataTestId={dataTestId}
       />
       <Text
-        className={cx('opacity-40', { 'mt-4': !isDesktop })}
+        className={cx('opacity-40 font-medium', { 'mt-4': !isDesktop })}
         message={text}
         color="dark"
-        size={!isDesktop ? 't12m' : 't14m'}
+        size={!isDesktop ? 'xs' : 'sm'}
       />
     </div>
   )
diff --git a/src/views/SwapView/content/Boost/BoostInput/BoostInput.tsx b/src/views/SwapView/content/Boost/BoostInput/BoostInput.tsx
index ce75eb7e..0ca53ac6 100644
--- a/src/views/SwapView/content/Boost/BoostInput/BoostInput.tsx
+++ b/src/views/SwapView/content/Boost/BoostInput/BoostInput.tsx
@@ -24,7 +24,7 @@ const BoostInput: React.FC<Input> = (props) => {
     <TokenAmountInput
       className={className}
       field={field}
-      loading={isLoading}
+      disabled={isLoading}
       balance={{
         token: sdk.config.tokens.mintToken,
         value: address ? balance : undefined,
diff --git a/src/views/SwapView/content/Burn/BurnInput/BurnInput.tsx b/src/views/SwapView/content/Burn/BurnInput/BurnInput.tsx
index 5ece7eef..4a251a15 100644
--- a/src/views/SwapView/content/Burn/BurnInput/BurnInput.tsx
+++ b/src/views/SwapView/content/Burn/BurnInput/BurnInput.tsx
@@ -19,7 +19,7 @@ const BurnInput: React.FC = () => {
   return (
     <TokenAmountInput
       field={burn.field}
-      loading={burn.isBurnLoading}
+      disabled={burn.isBurnLoading}
       balance={{
         token: sdk.config.tokens.mintToken,
         value: address ? burn.maxBurnShares : constants.blockchain.emptyBalance,
diff --git a/src/views/SwapView/content/Mint/MintInput/MintInput.tsx b/src/views/SwapView/content/Mint/MintInput/MintInput.tsx
index 38142c86..d8d66319 100644
--- a/src/views/SwapView/content/Mint/MintInput/MintInput.tsx
+++ b/src/views/SwapView/content/Mint/MintInput/MintInput.tsx
@@ -26,7 +26,7 @@ const MintInput: React.FC = () => {
   return (
     <TokenAmountInput
       field={mint.field}
-      loading={mint.isMintLoading}
+      disabled={mint.isMintLoading}
       balance={{
         token: sdk.config.tokens.mintToken,
         value: address ? maxMintShares : constants.blockchain.emptyBalance,
diff --git a/src/views/SwapView/content/Stake/StakeInput/StakeInput.tsx b/src/views/SwapView/content/Stake/StakeInput/StakeInput.tsx
index 47ec2d24..e8582029 100644
--- a/src/views/SwapView/content/Stake/StakeInput/StakeInput.tsx
+++ b/src/views/SwapView/content/Stake/StakeInput/StakeInput.tsx
@@ -23,7 +23,7 @@ const StakeInput: React.FC = () => {
   return (
     <TokenAmountInputView
       field={stake.field}
-      loading={stake.isStakeLoading}
+      disabled={stake.isStakeLoading}
       balance={{
         value: stake.swapTokens.sellToken.balance,
         token: stake.swapTokens.sellToken.name as Tokens,
diff --git a/src/views/SwapView/content/Unstake/UnstakeInput/UnstakeInput.tsx b/src/views/SwapView/content/Unstake/UnstakeInput/UnstakeInput.tsx
index 09e8e119..6971151d 100644
--- a/src/views/SwapView/content/Unstake/UnstakeInput/UnstakeInput.tsx
+++ b/src/views/SwapView/content/Unstake/UnstakeInput/UnstakeInput.tsx
@@ -16,7 +16,7 @@ const UnstakeInput: React.FC = () => {
   return (
     <TokenAmountInput
       field={unstake.field}
-      loading={unstake.isUnstakeLoading}
+      disabled={unstake.isUnstakeLoading}
       balance={{
         token: sdk.config.tokens.depositToken,
         value: unstake.maxUnstakeAmount,

From 42f8da43b3a665c54a39b5f1a790d6b9217f2fd0 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Fri, 10 Jul 2026 19:18:43 +0500
Subject: [PATCH 04/14] [logic-and-ui-improves] fixes

---
 src/app/layout.tsx                            |   2 +-
 src/components/AmountInput/AmountInput.tsx    |   2 +-
 src/components/ApyBreakdown/ApyBreakdown.tsx  |   1 +
 src/components/Button/Button.tsx              |  11 +-
 .../Button/ButtonContent/ButtonContent.tsx    |   4 +
 .../Chart/ExtraRewards/ExtraRewards.tsx       |   2 +-
 src/components/Chart/Skeleton/Skeleton.tsx    |   4 +-
 src/components/Icon/Icon.module.scss          |   4 +
 src/components/Icon/Icon.tsx                  |   4 +-
 src/components/Input/InputView/InputView.tsx  |   2 +-
 .../UserApy/BoostPercent/BoostPercent.tsx     |   2 +-
 src/modules/forms/Field.spec.ts               | 153 +++++++++++++
 src/modules/forms/Field.ts                    |   8 +-
 src/modules/forms/index.ts                    |   6 +-
 src/modules/forms/masks/createMask.spec.ts    |  49 ++++
 src/modules/forms/masks/index.ts              |  41 ++++
 src/modules/forms/useFormValues.ts            |   1 +
 src/modules/forms/validators/index.ts         |  33 +--
 src/modules/forms/validators/messages.ts      |  41 ++--
 .../forms/validators/validators.spec.ts       | 214 ++++++++++++++++++
 src/styles/tailwind/layers/base.css           |   9 +-
 src/styles/tailwind/layers/components.css     | 129 ++---------
 src/styles/tailwind/layers/utilities.css      |  42 ++++
 src/styles/tailwind/theme.css                 |  13 ++
 .../ChartWithFilter/ChartWithFilter.tsx       |   5 +
 .../common/MagicPercent/MagicPercent.tsx      |   2 +-
 .../common/Table/Option/Content/Content.tsx   |   2 +-
 .../BoostContent/BoostInfo/BoostInfo.tsx      |   2 +-
 .../RewardsChart/RewardsChart.tsx             |   1 +
 29 files changed, 625 insertions(+), 164 deletions(-)
 create mode 100644 src/modules/forms/Field.spec.ts
 create mode 100644 src/modules/forms/masks/createMask.spec.ts
 create mode 100644 src/modules/forms/validators/validators.spec.ts

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cff95a68..2663a59a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -141,7 +141,7 @@ const RootLayout = async (props: RootLayoutProps) => {
   return (
     <html lang={locale}>
       <body
-        className={cx(font.className, 'text-t14', {
+        className={cx(font.className, 'text-sm', {
           'body-dark-theme': serverTheme.value === ThemeColor.Dark,
           'body-light-theme': serverTheme.value === ThemeColor.Light,
         })}
diff --git a/src/components/AmountInput/AmountInput.tsx b/src/components/AmountInput/AmountInput.tsx
index 35a42089..96e61567 100644
--- a/src/components/AmountInput/AmountInput.tsx
+++ b/src/components/AmountInput/AmountInput.tsx
@@ -39,7 +39,7 @@ const AmountInput: React.FC<AmountInputProps> = (props) => {
         'text-dark': !error,
         'text-error': error,
         'text-h20': !isDesktop,
-        'text-t40m': isDesktop,
+        'text-h3': isDesktop,
       })}
       ref={inputRef}
       placeholder="0"
diff --git a/src/components/ApyBreakdown/ApyBreakdown.tsx b/src/components/ApyBreakdown/ApyBreakdown.tsx
index c19b629d..d41a731a 100644
--- a/src/components/ApyBreakdown/ApyBreakdown.tsx
+++ b/src/components/ApyBreakdown/ApyBreakdown.tsx
@@ -20,6 +20,7 @@ const ApyBreakdown: React.FC<ApyBreakdownProps> = (props) => {
     <PopupInfo
       className={className}
       headNode={children}
+      buttonClassName="line-height-0"
     >
       <Details
         data={data || []}
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 14c3bd02..9495fdcf 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -20,11 +20,11 @@ const iconSizes = {
 }
 
 const titleSizes = {
-  xs: 't12m',
-  s: 't14m',
-  m: 't14m',
-  l: 't18m',
-  xl: 't20b',
+  xs: 'xs',
+  s: 'sm',
+  m: 'sm',
+  l: 'lg',
+  xl: 'lg',
 }
 
 type ButtonSize = typeof buttonSizes[number]
@@ -125,7 +125,6 @@ const Button: React.FC<ButtonProps> = (props) => {
       'bg-dark/15 opacity-30': disabled || loading,
       [buttonPaddingClassName]: title && !withoutPadding,
     }
-    
   )
 
   return (
diff --git a/src/components/Button/ButtonContent/ButtonContent.tsx b/src/components/Button/ButtonContent/ButtonContent.tsx
index d00dea27..f714851b 100644
--- a/src/components/Button/ButtonContent/ButtonContent.tsx
+++ b/src/components/Button/ButtonContent/ButtonContent.tsx
@@ -55,6 +55,10 @@ const ButtonContent: React.FC<ButtonContentProps> = (props) => {
       {
         Boolean(title && !loading) && (
           <Text
+            className={cx({
+              'font-medium': titleSize !== 'lg',
+              'font-bold': titleSize === 'lg',
+            })}
             message={title as string}
             size={titleSize}
             color={color as TextColor}
diff --git a/src/components/Chart/ExtraRewards/ExtraRewards.tsx b/src/components/Chart/ExtraRewards/ExtraRewards.tsx
index 8caf3078..a5c364ee 100644
--- a/src/components/Chart/ExtraRewards/ExtraRewards.tsx
+++ b/src/components/Chart/ExtraRewards/ExtraRewards.tsx
@@ -69,7 +69,7 @@ const ExtraRewards: React.FC<ExtraRewardsProps> = (props) => {
     `,
     {
       'bg-white/70': !isDark,
-      'bg-dark/80': isDark,
+      'bg-black/80': isDark,
     },
     className
   )
diff --git a/src/components/Chart/Skeleton/Skeleton.tsx b/src/components/Chart/Skeleton/Skeleton.tsx
index 846d77b0..d7f6eb0c 100644
--- a/src/components/Chart/Skeleton/Skeleton.tsx
+++ b/src/components/Chart/Skeleton/Skeleton.tsx
@@ -15,10 +15,10 @@ const Skeleton: React.FC<SkeletonProps> = ({ className }) => {
   return (
     <div className={className}>
       <div className="absolute top-4 right-4 pb-32 h-full">
-        <Bone className="mr-48 h-full w-px bg-moon/3" />
+        <Bone className="mr-48 h-full w-px bg-dark/3" />
       </div>
       <div className="absolute w-full pr-48 bottom-4">
-        <Bone className="mb-32 w-full h-px bg-moon/3" />
+        <Bone className="mb-32 w-full h-px bg-dark/3" />
       </div>
       <div>
         {
diff --git a/src/components/Icon/Icon.module.scss b/src/components/Icon/Icon.module.scss
index 97ed7077..28015761 100644
--- a/src/components/Icon/Icon.module.scss
+++ b/src/components/Icon/Icon.module.scss
@@ -1,3 +1,7 @@
+.icon {
+  line-height: 0;
+}
+
 .down {
   transform: rotate(90deg);
 }
diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index feef6e88..558e3d29 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -39,7 +39,9 @@ const Icon: React.FC<IconProps> = (props) => {
   return (
     <Image
       ref={ref}
-      className={cx(arrowDirection && s[arrowDirection], className)}
+      className={cx(className, s.icon, {
+        [`${s[arrowDirection as string]}`]: arrowDirection,
+      })}
       name={name}
       size={size}
       color={color}
diff --git a/src/components/Input/InputView/InputView.tsx b/src/components/Input/InputView/InputView.tsx
index 61920f39..637e0ed3 100644
--- a/src/components/Input/InputView/InputView.tsx
+++ b/src/components/Input/InputView/InputView.tsx
@@ -159,7 +159,7 @@ const InputView: React.FC<InputViewProps> = (props) => {
   const inputClassName = cx(
     s.field,
     elementClassName,
-    'w-full text-sm font-medium overflow-ellipsis whitespace-nowrap text-moon flex-1',
+    'w-full text-sm font-medium overflow-ellipsis whitespace-nowrap text-dark flex-1',
     {
       'mt-16': Boolean(label),
       'cursor-default': disabled,
diff --git a/src/components/UserApy/BoostPercent/BoostPercent.tsx b/src/components/UserApy/BoostPercent/BoostPercent.tsx
index a5dd5a3b..45fa31d3 100644
--- a/src/components/UserApy/BoostPercent/BoostPercent.tsx
+++ b/src/components/UserApy/BoostPercent/BoostPercent.tsx
@@ -85,7 +85,7 @@ const BoostPercent: React.FC<BoostPercentProps> = (props) => {
         )
       }
       <Text
-        className={cx('font-medium', { 'text-secondary-gradient': isProfitable })}
+        className={cx('font-medium', { 'text-primary': isProfitable })}
         dataTestId={dataTestId}
         message={formattedApy}
         color={textColor}
diff --git a/src/modules/forms/Field.spec.ts b/src/modules/forms/Field.spec.ts
new file mode 100644
index 00000000..648b9067
--- /dev/null
+++ b/src/modules/forms/Field.spec.ts
@@ -0,0 +1,153 @@
+import { parseEther } from 'ethers'
+
+import Field from './Field'
+import validators from './validators'
+
+
+const requiredError = JSON.stringify(validators.required(''))
+
+describe('forms/Field', () => {
+
+  describe('Check init params', () => {
+
+    it(`date mask`, () => {
+      const field = new Field({
+        valueType: 'string',
+        mask: 'date',
+      })
+
+      field.setValue('20210919')
+
+      expect(field.value).toEqual('2021-09-19')
+    })
+
+    it(`validators`, () => {
+      const field = new Field({ valueType: 'string', validators: [ validators.required ] })
+
+      field.validate('')
+
+      expect(JSON.stringify(field.error)).toEqual(requiredError)
+    })
+
+    it(`pattern`, () => {
+      const field = new Field({
+        valueType: 'string',
+        pattern: '^[0-9]+$',
+      })
+
+      field.setValue('asd')
+      expect(field.value).toEqual(undefined)
+
+      field.setValue('AGH')
+      expect(field.value).toEqual(undefined)
+
+      field.setValue('./{}]][..')
+      expect(field.value).toEqual(undefined)
+
+      field.setValue('123')
+      expect(field.value).toEqual('123')
+    })
+
+    it(`initial value`, () => {
+      const field = new Field({ valueType: 'string', initialValue: '333' })
+
+      expect(field.value).toEqual('333')
+    })
+  })
+
+  describe('Check input types', () => {
+
+    it(`date`, () => {
+      const field = new Field({
+        valueType: 'string',
+        type: 'date',
+      })
+
+      field.validate('')
+      expect(JSON.stringify(field.error)).toEqual(requiredError)
+
+      field.setValue('20210919')
+      expect(field.value).toEqual('2021-09-19')
+    })
+
+    it(`wallet address`, () => {
+      const field = new Field({
+        valueType: 'string',
+        type: 'address',
+      })
+
+      field.validate('')
+      expect(JSON.stringify(field.error)).toEqual(requiredError)
+
+      field.setValue('agfgdsasd')
+
+      const addressError = JSON.stringify(validators.ethOrEnsAddress(field.value))
+      expect(JSON.stringify(field.error)).toEqual(addressError)
+
+      field.setValue('0x4Fe7Cb62C98Ca5F71011d0DA0DAC680b832b858c')
+      expect(field.error).toEqual(null)
+
+      field.setValue('powerstake.eth')
+      expect(field.error).toEqual(null)
+    })
+
+    it(`token amount`, () => {
+      const field = new Field({
+        valueType: 'string',
+        type: 'tokenAmount',
+      })
+
+      field.validate('')
+      expect(JSON.stringify(field.error)).toEqual(requiredError)
+
+      field.setValue('0..0')
+      expect(field.value).toEqual(undefined)
+
+      field.setValue('0')
+      const zeroError = JSON.stringify(validators.greaterThanZero(field.value))
+      expect(JSON.stringify(field.error)).toEqual(zeroError)
+
+      field.setValue('0.00001')
+      expect(field.error).toEqual(null)
+    })
+
+    it(`bigint`, () => {
+      const field = new Field({ valueType: 'bigint' })
+
+      field.setValue('0')
+      expect(field.value).toEqual(undefined)
+
+      field.setValue(false)
+      expect(field.value).toEqual(undefined)
+
+      field.setValue(11)
+      expect(field.value).toEqual(undefined)
+
+      field.setValue(100n)
+      expect(field.value).toEqual(100n)
+    })
+
+    it(`token amount with balance ref`, () => {
+      const balanceRef = {
+        current: parseEther('1.01'),
+      }
+
+      const field = new Field({
+        type: 'tokenAmount',
+        valueType: 'string',
+        typeInput: { balanceRef },
+      })
+
+      field.validate('1.02')
+
+      const balanceError = JSON.stringify(
+        validators.sufficientBalance(balanceRef)('1.02')
+      )
+
+      expect(JSON.stringify(field.error)).toEqual(balanceError)
+
+      field.setValue('1')
+      expect(field.error).toEqual(null)
+    })
+  })
+})
diff --git a/src/modules/forms/Field.ts b/src/modules/forms/Field.ts
index 46dc538a..f45c03ac 100644
--- a/src/modules/forms/Field.ts
+++ b/src/modules/forms/Field.ts
@@ -7,12 +7,12 @@ import typesParams from './helpers/typesParams'
 
 class Field<V extends Forms.FieldValue> implements Forms.Field<V> {
 
+  #initialValue?: V
   #value: V | undefined
   #error: Forms.Field<V>['error']
 
-  readonly #mask?: 'date'
+  readonly #mask?: 'date' | 'time'
   readonly #group?: string
-  readonly #initialValue?: V
   readonly #pattern?: string
   readonly #isRequired: boolean
   readonly #events: EventAggregator
@@ -147,6 +147,10 @@ class Field<V extends Forms.FieldValue> implements Forms.Field<V> {
     this.#events.dispatch('error', this)
   }
 
+  public setInitialValue(value: V | undefined) {
+    this.#initialValue = value
+  }
+
   public subscribe(event: Forms.Events, handler: Forms.EventHandler<V>) {
     this.#events.subscribe(event, handler)
 
diff --git a/src/modules/forms/index.ts b/src/modules/forms/index.ts
index da77a81b..db42638e 100644
--- a/src/modules/forms/index.ts
+++ b/src/modules/forms/index.ts
@@ -26,6 +26,8 @@ declare global {
 
       setError(error: Error): void
 
+      setInitialValue(value: V): void
+
       validateWithoutError(): boolean
 
       setValue(value: V | undefined): void
@@ -62,7 +64,7 @@ declare global {
     }
 
     type FieldConfig<V = FieldValue> = {
-      mask?: 'date'
+      mask?: 'date' | 'time'
       group?: string
       initialValue?: V
       pattern?: string
@@ -125,6 +127,7 @@ import useFormFilled from './useFormFilled'
 import validators from './validators'
 import useField from './useField'
 import useForm from './useForm'
+import masks from './masks'
 import Field from './Field'
 
 
@@ -139,5 +142,6 @@ export default {
   validators,
   useField,
   useForm,
+  masks,
   Field,
 }
diff --git a/src/modules/forms/masks/createMask.spec.ts b/src/modules/forms/masks/createMask.spec.ts
new file mode 100644
index 00000000..008dd744
--- /dev/null
+++ b/src/modules/forms/masks/createMask.spec.ts
@@ -0,0 +1,49 @@
+import { createMask } from './index'
+
+
+describe('forms/masks', () => {
+
+  it(`Check phone mask`, () => {
+    const mask = createMask('+1 (XXX) XXX-XX-XX')
+
+    expect(mask('9')).toEqual('+1 (9')
+    expect(mask('92')).toEqual('+1 (92')
+    expect(mask('922')).toEqual('+1 (922')
+    expect(mask('9224')).toEqual('+1 (922) 4')
+    expect(mask('92244')).toEqual('+1 (922) 44')
+    expect(mask('922444')).toEqual('+1 (922) 444')
+    expect(mask('9224442')).toEqual('+1 (922) 444-2')
+    expect(mask('92244422')).toEqual('+1 (922) 444-22')
+    expect(mask('922444224')).toEqual('+1 (922) 444-22-4')
+    expect(mask('9224442244')).toEqual('+1 (922) 444-22-44')
+    expect(mask('922444224413131313')).toEqual('+1 (922) 444-22-44')
+  })
+
+  it(`Check date mask`, () => {
+    const mask = createMask('XXXX-XX-XX')
+
+    expect(mask('2')).toEqual('2')
+    expect(mask('20')).toEqual('20')
+    expect(mask('202')).toEqual('202')
+    expect(mask('2024')).toEqual('2024')
+    expect(mask('20241')).toEqual('2024-1')
+    expect(mask('202412')).toEqual('2024-12')
+    expect(mask('2024121')).toEqual('2024-12-1')
+    expect(mask('20241212')).toEqual('2024-12-12')
+    expect(mask('202412121313')).toEqual('2024-12-12')
+  })
+
+  it(`Check card mask`, () => {
+    const mask = createMask('XXXX XXXX XXXX XXXX')
+
+    expect(mask('1')).toEqual('1')
+    expect(mask('12')).toEqual('12')
+    expect(mask('123')).toEqual('123')
+    expect(mask('1234')).toEqual('1234')
+    expect(mask('12345')).toEqual('1234 5')
+    expect(mask('123456')).toEqual('1234 56')
+    expect(mask('1234567')).toEqual('1234 567')
+    expect(mask('12345678')).toEqual('1234 5678')
+    expect(mask('1234567890123456')).toEqual('1234 5678 9012 3456')
+  })
+})
diff --git a/src/modules/forms/masks/index.ts b/src/modules/forms/masks/index.ts
index a00b101a..889b968f 100644
--- a/src/modules/forms/masks/index.ts
+++ b/src/modules/forms/masks/index.ts
@@ -57,6 +57,46 @@ const createMaskWithModifiers: CreateMaskWithModifiers = ({ mask, preModify, pos
   }
 }
 
+// Mask result - HH:mm
+const initTimeMask = () => (raw: string): string => {
+  const digits = raw.replace(/\D/g, '').slice(0, 4)
+
+  if (!digits.length) {
+    return ''
+  }
+
+  if (digits.length === 1) {
+    const firstDigit = Number(digits[0])
+
+    if (firstDigit > 2) {
+      return `0${digits[0]}:`
+    }
+
+    return digits
+  }
+
+  let hour = digits.slice(0, 2)
+
+  if (Number(hour) > 23) {
+    hour = '23'
+  }
+
+  if (digits.length === 2) {
+    return hour
+  }
+
+  let minute = digits.slice(2, 4)
+
+  if (minute.length === 1 && Number(minute) > 5) {
+    minute = `0${minute}`
+  }
+  else if (minute.length === 2 && Number(minute) > 59) {
+    minute = '59'
+  }
+
+  return `${hour}:${minute}`
+}
+
 // Mask result - YYYY-MM-DD
 const initDateMask = (): Mask => {
   const preModify = (value: string) => value.replace(/\D/g, '')
@@ -106,4 +146,5 @@ const initDateMask = (): Mask => {
 
 export default {
   date: initDateMask(),
+  time: initTimeMask(),
 }
diff --git a/src/modules/forms/useFormValues.ts b/src/modules/forms/useFormValues.ts
index 78de48c8..97d6c683 100644
--- a/src/modules/forms/useFormValues.ts
+++ b/src/modules/forms/useFormValues.ts
@@ -1,3 +1,4 @@
+'use client'
 import { useState, useCallback, useEffect, useMemo } from 'react'
 
 
diff --git a/src/modules/forms/validators/index.ts b/src/modules/forms/validators/index.ts
index e5112512..9c0d74db 100644
--- a/src/modules/forms/validators/index.ts
+++ b/src/modules/forms/validators/index.ts
@@ -73,7 +73,7 @@ const ethAddress = (value: Value) => {
 }
 
 const ethOrEnsAddress = (value: Value) => {
-  if (typeof value === 'string' && !isAddress(value) && !ensAddressRegex.test(value)) {
+  if (typeof value === 'string' && value && !isAddress(value) && !ensAddressRegex.test(value)) {
     return messages.ethOrEnsAddress
   }
 }
@@ -84,12 +84,6 @@ const email = (value: Value) => {
   }
 }
 
-const numberWithDot = (value: Value) => {
-  if (!isValidNumberWithDot(value)) {
-    return messages.invalidNumberWithDot
-  }
-}
-
 const httpsUrl = (value: Value) => {
   if (typeof value !== 'string' || !value) {
     return
@@ -107,6 +101,12 @@ const httpsUrl = (value: Value) => {
   }
 }
 
+const numberWithDot = (value: Value) => {
+  if (!isValidNumberWithDot(value)) {
+    return messages.invalidNumberWithDot
+  }
+}
+
 const sufficientBalance = (balance: RefObject<bigint>) => (value: Value) => {
   if (value && !hasSufficientBalance(balance, value)) {
     return messages.insufficientBalance
@@ -177,7 +177,7 @@ const number = (value: Value) => {
 }
 
 const validDate = (value: Value) => {
-  if (typeof value === 'string' && !/^\d\d\d\d-\d\d-\d\d$/.test(value)) {
+  if (typeof value === 'string' && !/^\d{4}-\d{2}-\d{2}$/.test(value)) {
     return messages.invalidDate
   }
 }
@@ -188,9 +188,15 @@ const selected = (value: Value) => {
   }
 }
 
-const length = (length: number) => (value: Value) => {
-  if (typeof value === 'string' && value?.length > length) {
-    return { ...messages.length, values: { length } }
+const maxLength = (maxLength: number) => (value: Value) => {
+  if (typeof value === 'string' && value?.length > maxLength) {
+    return { ...messages.maxLength, values: { maxLength } }
+  }
+}
+
+const minLength = (minLength: number) => (value: Value) => {
+  if (typeof value === 'string' && value.length > 0 && value.length < minLength) {
+    return { ...messages.minLength, values: { minLength } }
   }
 }
 
@@ -254,13 +260,14 @@ export default {
   compareDate,
   ethAddress,
   validDate,
-  selected,
+  maxLength,
+  minLength,
   httpsUrl,
+  selected,
   required,
   exclude,
   maxDate,
   minDate,
-  length,
   number,
   minFee,
   email,
diff --git a/src/modules/forms/validators/messages.ts b/src/modules/forms/validators/messages.ts
index eafb77bd..7ec629f5 100644
--- a/src/modules/forms/validators/messages.ts
+++ b/src/modules/forms/validators/messages.ts
@@ -65,11 +65,11 @@ export default {
   exclude: {
     en: 'This value does not fit',
     ru: 'Это значение не подходит',
-    fr: 'Cette valeur ne convient pas',
-    es: 'Este valor no encaja',
-    pt: 'Este valor não se encaixa',
-    de: 'Dieser Wert passt nicht',
-    zh: '此值不适合',
+    fr: 'Cette valeur n\'est pas valide',
+    es: 'Este valor no es válido',
+    pt: 'Este valor não é válido',
+    de: 'Dieser Wert ist ungültig',
+    zh: '此值无效',
   },
   greaterThanZero: {
     en: 'Must be greater than 0',
@@ -104,7 +104,7 @@ export default {
     fr: 'Doit être inférieur à {maxValue}',
     es: 'Debe ser menor que {maxValue}',
     pt: 'Deve ser menor que {maxValue}',
-    de: 'Muss weniger als {maxValue} sein',
+    de: 'Muss kleiner als {maxValue} sein',
     zh: '必须小于{maxValue}',
   },
   number: {
@@ -125,14 +125,23 @@ export default {
     de: 'Muss ausgewählt werden',
     zh: '必须选择',
   },
-  length: {
-    en: 'No more than {length} characters',
-    ru: 'Не более {length} символов',
-    fr: 'Pas plus de {length} caractères',
-    es: 'No más de {length} caracteres',
-    pt: 'Não mais do que {length} caracteres',
-    de: 'Nicht mehr als {length} Zeichen',
-    zh: '不超过{length}个字符',
+  maxLength: {
+    en: 'No more than {maxLength} characters',
+    ru: 'Не более {maxLength} символов',
+    fr: 'Pas plus de {maxLength} caractères',
+    es: 'No más de {maxLength} caracteres',
+    pt: 'Não mais do que {maxLength} caracteres',
+    de: 'Nicht mehr als {maxLength} Zeichen',
+    zh: '不超过{maxLength}个字符',
+  },
+  minLength: {
+    en: 'Must be at least {minLength} characters',
+    ru: 'Должно быть не менее {minLength} символов',
+    fr: 'Doit comporter au moins {minLength} caractères',
+    es: 'Debe tener al menos {minLength} caracteres',
+    pt: 'Deve ter pelo menos {minLength} caracteres',
+    de: 'Muss mindestens {minLength} Zeichen lang sein',
+    zh: '至少需要{minLength}个字符',
   },
   mustBeLess: {
     en: 'Must be less than {valueToCompare}',
@@ -147,7 +156,7 @@ export default {
     en: 'Must be more than {valueToCompare}',
     ru: 'Должно быть больше {valueToCompare}',
     fr: 'Doit être supérieur à {valueToCompare}',
-    es: 'Debe ser más de {valueToCompare}',
+    es: 'Debe ser mayor que {valueToCompare}',
     pt: 'Deve ser maior que {valueToCompare}',
     de: 'Muss mehr als {valueToCompare} sein',
     zh: '必须大于{valueToCompare}',
@@ -174,7 +183,7 @@ export default {
     en: 'The amount is lower than the swap fee',
     ru: 'Сумма меньше, чем комиссия за обмен',
     fr: 'Le montant est inférieur aux frais d\'échange',
-    es: 'La cantidad es inferior a la tarifa de intercambio',
+    es: 'El monto es inferior a la comisión de intercambio',
     pt: 'O valor é inferior à taxa de troca',
     de: 'Der Betrag ist niedriger als die Tauschgebühr',
     zh: '金额低于兑换费用',
diff --git a/src/modules/forms/validators/validators.spec.ts b/src/modules/forms/validators/validators.spec.ts
new file mode 100644
index 00000000..10096c84
--- /dev/null
+++ b/src/modules/forms/validators/validators.spec.ts
@@ -0,0 +1,214 @@
+import { parseEther } from 'ethers'
+
+import validators from './index'
+import messages from './messages'
+
+
+describe('forms/validators', () => {
+  const {
+    min,
+    max,
+    email,
+    exclude,
+    httpsUrl,
+    required,
+    maxLength,
+    minLength,
+    validDate,
+    ethAddress,
+    numberWithDot,
+    greaterThanZero,
+    sufficientBalance,
+  } = validators
+
+  describe('required validator', () => {
+    it('should not return an error if the value exists', () => {
+      expect(required('string')).toBeFalsy()
+      expect(required(true)).toBeFalsy()
+      // @ts-ignore
+      expect(required(123)).toBeFalsy()
+    })
+
+    it('should return an error if the value does not exists', () => {
+      // @ts-ignore
+      expect(required(undefined)).toEqual(messages.required)
+      // @ts-ignore
+      expect(required(null)).toEqual(messages.required)
+      expect(required('')).toEqual(messages.required)
+    })
+  })
+
+  describe('email validator', () => {
+    it('should not return an error if the email is valid', () => {
+      expect(email('123@mail.com')).toBeFalsy()
+      expect(email('123@mail.co.com')).toBeFalsy()
+      expect(email('email@mail.com')).toBeFalsy()
+      expect(email('email.123@mail.com')).toBeFalsy()
+    })
+
+    it('should return an error if the email is not valid', () => {
+      expect(email('@mail.com')).toEqual(messages.email)
+      expect(email('email@mail')).toEqual(messages.email)
+      expect(email('@mail.co.com')).toEqual(messages.email)
+      expect(email('email.co@mail')).toEqual(messages.email)
+      expect(email('.email@mail.com')).toEqual(messages.email)
+      expect(email('email@mail.com.')).toEqual(messages.email)
+      expect(email('email@@mail.com')).toEqual(messages.email)
+    })
+  })
+
+  describe('ETH address validator', () => {
+    it('should not return an error if the address is valid', () => {
+      expect(ethAddress('0xEC01cB780202595Ce2Fb11225aABfAd201B54e0f')).toBeFalsy()
+    })
+
+    it('should return an error if the address is not valid', () => {
+      expect(ethAddress('xEC01cB780202595Ce2Fb11225aABfAd201B54e0f')).toEqual(messages.ethAddress)
+      expect(ethAddress('0xEC01cB780202595Ce2Fb11225aABfAd201B54e')).toEqual(messages.ethAddress)
+    })
+  })
+
+  describe('sufficientBalance validator', () => {
+    const balanceRef = { current: parseEther('32') }
+
+    it('should return an error if the value > balance', () => {
+      expect(sufficientBalance(balanceRef)('33')).toEqual(messages.insufficientBalance)
+      expect(sufficientBalance(balanceRef)('32.000000000000000001')).toEqual(messages.insufficientBalance)
+    })
+
+    it('should not return an error if the value is correct', () => {
+      expect(sufficientBalance(balanceRef)('32')).toBeFalsy()
+      expect(sufficientBalance(balanceRef)('31.000000000000000001')).toBeFalsy()
+    })
+  })
+
+  describe('numberWithDot validator', () => {
+    it('should return an error if the value is incorrect', () => {
+      expect(numberWithDot('AAA')).toEqual(messages.invalidNumberWithDot)
+      expect(numberWithDot('1..1')).toEqual(messages.invalidNumberWithDot)
+      expect(numberWithDot('..1')).toEqual(messages.invalidNumberWithDot)
+      expect(numberWithDot('1..')).toEqual(messages.invalidNumberWithDot)
+    })
+
+    it('should not return an error if the value is correct', () => {
+      expect(numberWithDot('1.55')).toBeFalsy()
+      expect(numberWithDot('155')).toBeFalsy()
+    })
+  })
+
+  describe('exclude validator', () => {
+    it('should return an error if the value is incorrect', () => {
+      const values = [ '1', '2' ]
+
+      expect(exclude(values)('1')).toEqual(messages.exclude)
+      expect(exclude(values)('2')).toEqual(messages.exclude)
+    })
+
+    it('should not return an error if the value is correct', () => {
+      expect(exclude([ '1', '2' ])('3')).toBeFalsy()
+    })
+  })
+
+  describe('httpsUrl validator', () => {
+    it('should not return an error if the URL is valid', () => {
+      expect(httpsUrl('https://rpc.example.com')).toBeFalsy()
+      expect(httpsUrl('https://eth-mainnet.g.alchemy.com/v2/abc123')).toBeFalsy()
+      expect(httpsUrl('https://example.com/path?query=1')).toBeFalsy()
+    })
+
+    it('should return an error if the URL is not valid', () => {
+      expect(httpsUrl('http://example.com')).toEqual(messages.httpsUrl)
+      expect(httpsUrl('ws://example.com')).toEqual(messages.httpsUrl)
+      expect(httpsUrl('wss://example.com')).toEqual(messages.httpsUrl)
+      expect(httpsUrl('ftp://example.com')).toEqual(messages.httpsUrl)
+      expect(httpsUrl('example.com')).toEqual(messages.httpsUrl)
+      expect(httpsUrl('https://')).toEqual(messages.httpsUrl)
+      expect(httpsUrl('not-a-url')).toEqual(messages.httpsUrl)
+    })
+  })
+
+  describe('maxLength validator', () => {
+    it('should not return an error for strings within the limit, empty or undefined', () => {
+      expect(maxLength(5)('abc')).toBeFalsy()
+      expect(maxLength(5)('abcde')).toBeFalsy()
+      expect(maxLength(5)('')).toBeFalsy()
+      expect(maxLength(5)(undefined)).toBeFalsy()
+    })
+
+    it('should return an error for strings over the limit', () => {
+      expect(maxLength(5)('abcdef')).toEqual({ ...messages.maxLength, values: { maxLength: 5 } })
+    })
+  })
+
+  describe('minLength validator', () => {
+    it('should not return an error for strings at or over the limit, or undefined', () => {
+      expect(minLength(5)('abcde')).toBeFalsy()
+      expect(minLength(5)('abcdef')).toBeFalsy()
+      expect(minLength(5)(undefined)).toBeFalsy()
+    })
+
+    it('should not return an error for an empty string (emptiness is the required validator job)', () => {
+      expect(minLength(5)('')).toBeFalsy()
+    })
+
+    it('should return an error for strings under the limit', () => {
+      expect(minLength(5)('abc')).toEqual({ ...messages.minLength, values: { minLength: 5 } })
+    })
+  })
+
+  describe('validDate validator', () => {
+    it('should not return an error for a valid date or undefined', () => {
+      expect(validDate('2024-01-15')).toBeFalsy()
+      expect(validDate(undefined)).toBeFalsy()
+    })
+
+    it('should return an error for an invalid date format', () => {
+      expect(validDate('2024-1-5')).toEqual(messages.invalidDate)
+      expect(validDate('notadate')).toEqual(messages.invalidDate)
+    })
+  })
+
+  describe('min validator', () => {
+    it('should not return an error for values at or above the minimum', () => {
+      expect(min(32)('32')).toBeFalsy()
+      expect(min(32)('100')).toBeFalsy()
+    })
+
+    it('should not return an error for NaN (e.g. "∞" unlimited capacity)', () => {
+      expect(min(32)('∞')).toBeFalsy()
+    })
+
+    it('should return an error for values below the minimum', () => {
+      expect(min(32)('10')).toEqual({ ...messages.min, values: { minValue: 32 } })
+    })
+  })
+
+  describe('max validator', () => {
+    it('should not return an error for values at or below the maximum', () => {
+      expect(max(100)('50')).toBeFalsy()
+      expect(max(100)('100')).toBeFalsy()
+    })
+
+    it('should not return an error for NaN (e.g. "∞")', () => {
+      expect(max(100)('∞')).toBeFalsy()
+    })
+
+    it('should return an error for values above the maximum', () => {
+      expect(max(100)('150')).toEqual({ ...messages.max, values: { maxValue: 100 } })
+    })
+  })
+
+  describe('greaterThanZero validator', () => {
+    it('should not return an error for positive values, NaN or empty', () => {
+      expect(greaterThanZero('5')).toBeFalsy()
+      expect(greaterThanZero('∞')).toBeFalsy()
+      expect(greaterThanZero(undefined)).toBeFalsy()
+    })
+
+    it('should return an error for zero or negative values', () => {
+      expect(greaterThanZero('0')).toEqual(messages.greaterThanZero)
+      expect(greaterThanZero('-1')).toEqual(messages.greaterThanZero)
+    })
+  })
+})
+
diff --git a/src/styles/tailwind/layers/base.css b/src/styles/tailwind/layers/base.css
index 9b27e637..751d4f00 100644
--- a/src/styles/tailwind/layers/base.css
+++ b/src/styles/tailwind/layers/base.css
@@ -137,12 +137,6 @@
     resize: none;
   }
 
-  input::-webkit-contacts-auto-fill-button,
-  select::-webkit-contacts-auto-fill-button,
-  textarea::-webkit-contacts-auto-fill-button {
-    visibility: hidden;
-  }
-
   input:-webkit-autofill,
   select:-webkit-autofill,
   textarea:-webkit-autofill,
@@ -157,8 +151,7 @@
     color: transparent;
     text-shadow: 0 0 0 #000;
     -webkit-appearance: none;
-    -moz-appearance: radio-container;
-    appearance: normal;
+    appearance: auto;
   }
 
   select::-ms-expand {
diff --git a/src/styles/tailwind/layers/components.css b/src/styles/tailwind/layers/components.css
index 74a52274..15fade1b 100644
--- a/src/styles/tailwind/layers/components.css
+++ b/src/styles/tailwind/layers/components.css
@@ -1,150 +1,61 @@
 @layer components {
 
-  /* Typography */
-  .text-h100 {
-    font-weight: 700;
-    font-size: 100px;
-    line-height: 110px;
-  }
-
-  .text-h90 {
-    font-weight: 700;
-    font-size: 90px;
-    line-height: 100px;
-  }
-
-  .text-h60 {
+  .text-h1 {
     font-weight: 700;
     font-size: 60px;
     line-height: 72px;
   }
 
-  .text-h48 {
+  .text-h2 {
     font-weight: 700;
     font-size: 48px;
-    line-height: 56px;
+    line-height: 58px;
   }
 
-  .text-h40 {
+  .text-h3 {
     font-weight: 700;
     font-size: 40px;
     line-height: 48px;
   }
 
-  .text-h32 {
-    font-weight: 700;
-    font-size: 32px;
-    line-height: 44px;
-  }
-
-  .text-h24 {
-    font-weight: 700;
-    font-size: 24px;
-    line-height: 32px;
-  }
-
-  .text-h22 {
+  .text-h4 {
     font-weight: 700;
-    font-size: 22px;
-    line-height: 26px;
+    font-size: 30px;
+    line-height: 38px;
   }
 
-  .text-h20 {
-    font-weight: 700;
-    font-size: 20px;
-    line-height: 24px;
-  }
-
-  .text-t40m {
+  .text-h5 {
     font-weight: 500;
-    font-size: 40px;
-    line-height: 48px;
-  }
-
-  .text-t20b {
-    font-weight: 700;
-    font-size: 20px;
-    line-height: 32px;
+    font-size: 28px;
+    line-height: 40px;
   }
 
-  .text-t18m {
+  .text-h6 {
     font-weight: 500;
-    font-size: 18px;
-    line-height: 24px;
+    font-size: 24px;
+    line-height: 30px;
   }
 
-  .text-t18b {
-    font-weight: 700;
+  .text-lg {
     font-size: 18px;
-    line-height: 24px;
-  }
-
-  .text-t16m {
-    font-weight: 500;
-    font-size: 16px;
-    line-height: 22px;
+    line-height: 26px;
   }
 
-  .text-t16b {
-    font-weight: 700;
+  .text-md {
     font-size: 16px;
     line-height: 22px;
   }
 
-  .text-t14m {
-    font-weight: 500;
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  .text-t14b {
-    font-weight: 700;
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  .text-t14 {
-    font-weight: 400;
+  .text-sm {
     font-size: 14px;
     line-height: 20px;
   }
 
-  .text-t12m {
-    font-weight: 500;
+  .text-xs {
     font-size: 12px;
     line-height: 18px;
   }
 
-  .text-t12b {
-    font-weight: 700;
-    font-size: 12px;
-    line-height: 18px;
-  }
-
-  .text-t12 {
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
-  }
-
-  .text-n10m {
-    font-weight: 500;
-    font-size: 10px;
-    line-height: 16px;
-  }
-
-  .text-n10b {
-    font-weight: 700;
-    font-size: 10px;
-    line-height: 16px;
-  }
-
-  .text-n10 {
-    font-weight: 400;
-    font-size: 10px;
-    line-height: 16px;
-  }
-
   /* Ellipsis */
   .overflow-ellipsis {
     overflow: hidden;
@@ -172,4 +83,8 @@
   .overflow-ellipsis:not(.block) {
     display: -webkit-box;
   }
+
+  .line-height-0 {
+    line-height: 0;
+  }
 }
diff --git a/src/styles/tailwind/layers/utilities.css b/src/styles/tailwind/layers/utilities.css
index efeb85bc..6e98dd4f 100644
--- a/src/styles/tailwind/layers/utilities.css
+++ b/src/styles/tailwind/layers/utilities.css
@@ -60,6 +60,14 @@
     border-radius: var(--radius-16);
   }
 
+  .rounded-20 {
+    border-radius: var(--radius-20);
+  }
+
+  .rounded-30 {
+    border-radius: var(--radius-30);
+  }
+
   .rounded-24 {
     border-radius: var(--radius-24);
   }
@@ -114,6 +122,20 @@
     text-decoration: underline;
   }
 
+  .text-link {
+    color: rgb(var(--primary-rgb));
+    background-image: linear-gradient(currentColor, currentColor);
+    background-repeat: no-repeat;
+    background-position: 50% 100%;
+    background-size: 98% 1px;
+    cursor: pointer;
+    transition: background-size .35s ease;
+  }
+
+  .text-link:hover {
+    background-size: 0 1px;
+  }
+
   .hide-empty:empty {
     display: none;
   }
@@ -126,4 +148,24 @@
   .transparent {
     color: rgba(255, 255, 255, 0);
   }
+
+  .backdrop-none {
+    backdrop-filter: none !important;
+  }
+
+  .backdrop-20 {
+    backdrop-filter: blur(20px);
+  }
+
+  .backdrop-30 {
+    backdrop-filter: blur(30px);
+  }
+
+  .scrollbar-none {
+    scrollbar-width: none; /* Firefox */
+  }
+
+  .scrollbar-none::-webkit-scrollbar {
+    display: none;
+  }
 }
diff --git a/src/styles/tailwind/theme.css b/src/styles/tailwind/theme.css
index 9ffb03cb..9f642647 100644
--- a/src/styles/tailwind/theme.css
+++ b/src/styles/tailwind/theme.css
@@ -21,6 +21,8 @@
   --radius-8: 8px;
   --radius-12: 12px;
   --radius-16: 16px;
+  --radius-20: 20px;
+  --radius-30: 30px;
   --radius-24: 24px;
   --radius-72: 72px;
 
@@ -33,6 +35,17 @@
   --blur-2xl: 40px;
   --blur-3xl: 64px;
 
+  /* Font Weight */
+  --font-weight-thin: 100;
+  --font-weight-extralight: 200;
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-weight-extrabold: 800;
+  --font-weight-black: 900;
+
   /* Animation */
   --animate-spin: spin 1s linear infinite;
 
diff --git a/src/views/SwapView/common/ChartWithFilter/ChartWithFilter.tsx b/src/views/SwapView/common/ChartWithFilter/ChartWithFilter.tsx
index 2a41e0ac..7a4a3851 100644
--- a/src/views/SwapView/common/ChartWithFilter/ChartWithFilter.tsx
+++ b/src/views/SwapView/common/ChartWithFilter/ChartWithFilter.tsx
@@ -16,6 +16,7 @@ export type ChartWithFilterProps = {
   tabsItems: TabsItems
   vaultAddress: string
   dataTestId?: string
+  showExtraRewards?: boolean
   noItemsDescription?: Intl.Message
   onExportButtonClick?: () => void
 }
@@ -26,6 +27,7 @@ const ChartWithFilter: React.FC<ChartWithFilterProps> = (props) => {
     tabsItems,
     dataTestId,
     vaultAddress,
+    showExtraRewards,
     noItemsDescription,
     onExportButtonClick,
   } = props
@@ -44,6 +46,8 @@ const ChartWithFilter: React.FC<ChartWithFilterProps> = (props) => {
 
   const View = isDesktop ? Desktop : Mobile
 
+  const isExtraRewardsTooltip = showExtraRewards && tab === Tab.User && type === Type.Rewards
+
   return (
     <View
       className={className}
@@ -60,6 +64,7 @@ const ChartWithFilter: React.FC<ChartWithFilterProps> = (props) => {
         isFetching={isFetching}
         hideRightScale={!isDesktop}
         token={sdk.config.tokens.depositToken}
+        showExtraRewards={isExtraRewardsTooltip}
         noItemsDescription={noItemsDescription}
         dataTestId={`${dataTestId}-${tab}-${type}`}
         style={type === Type.Rewards ? 'bar' : 'line'}
diff --git a/src/views/SwapView/common/MagicPercent/MagicPercent.tsx b/src/views/SwapView/common/MagicPercent/MagicPercent.tsx
index d916d877..a5aff074 100644
--- a/src/views/SwapView/common/MagicPercent/MagicPercent.tsx
+++ b/src/views/SwapView/common/MagicPercent/MagicPercent.tsx
@@ -22,7 +22,7 @@ const MagicPercent: React.FC<MagicPercentProps> = (props) => {
         )
       }
       <Text
-        className="text-secondary-gradient font-bold"
+        className="text-primary font-bold"
         message={String(value)}
         color="inherit"
         size="sm"
diff --git a/src/views/SwapView/common/Table/Option/Content/Content.tsx b/src/views/SwapView/common/Table/Option/Content/Content.tsx
index b27efd54..176afbe5 100644
--- a/src/views/SwapView/common/Table/Option/Content/Content.tsx
+++ b/src/views/SwapView/common/Table/Option/Content/Content.tsx
@@ -60,7 +60,7 @@ const Content: React.FC<ContentProps> = (props) => {
           )
         }
         <Text
-          className={isMagicValue ? 'text-secondary-gradient font-medium' : 'font-medium'}
+          className={isMagicValue ? 'text-primary font-medium' : 'font-medium'}
           message={values.next}
           color="dark"
           size="sm"
diff --git a/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx b/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx
index 333776ff..2696b4cf 100644
--- a/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx
+++ b/src/views/SwapView/content/Boost/BoostContent/BoostInfo/BoostInfo.tsx
@@ -57,7 +57,7 @@ const BoostInfo: React.FC<BoostInfoProps> = (props) => {
           onClick={openGuideModal}
         >
           <Text
-            className="font-medium"
+            className="font-medium text-link"
             message={commonMessages.buttonTitle.boostGuideLink}
             color="primary"
             size="sm"
diff --git a/src/views/SwapView/modals/StatisticsModal/RewardsChart/RewardsChart.tsx b/src/views/SwapView/modals/StatisticsModal/RewardsChart/RewardsChart.tsx
index 8b55db68..421e2914 100644
--- a/src/views/SwapView/modals/StatisticsModal/RewardsChart/RewardsChart.tsx
+++ b/src/views/SwapView/modals/StatisticsModal/RewardsChart/RewardsChart.tsx
@@ -86,6 +86,7 @@ const RewardsChart: React.FC<RewardsChartProps> = (props) => {
       dataTestId="stake-chart"
       vaultAddress={vaultAddress as string}
       noItemsDescription={messages.description}
+      showExtraRewards
       onExportButtonClick={closeModal}
     />
   )

From a8e17883392b7e66498096811f5fcdb8297abc41 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 14:28:58 +0500
Subject: [PATCH 05/14] [logic-and-ui-improves] up sdk

---
 package.json   |  2 +-
 pnpm-lock.yaml | 16 +++++++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index ba9106a0..38216277 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,7 @@
     "@reduxjs/toolkit": "2.8.2",
     "@safe-global/safe-apps-provider": "0.18.6",
     "@safe-global/safe-apps-sdk": "9.1.0",
-    "@stakewise/v3-sdk": "4.2.5",
+    "@stakewise/v3-sdk": "4.3.0",
     "@tailwindcss/postcss": "4.1.7",
     "@types/react-redux": "7.1.34",
     "@wagmi/connectors": "7.2.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4cab5957..86574750 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -70,8 +70,8 @@ importers:
         specifier: 9.1.0
         version: 9.1.0(typescript@6.0.3)(zod@4.3.5)
       '@stakewise/v3-sdk':
-        specifier: 4.2.5
-        version: 4.2.5(ethers@6.14.3)
+        specifier: 4.3.0
+        version: 4.3.0(ethers@6.14.3)
       '@tailwindcss/postcss':
         specifier: 4.1.7
         version: 4.1.7
@@ -1561,8 +1561,8 @@ packages:
     resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
     engines: {node: '>=18'}
 
-  '@stakewise/v3-sdk@4.2.5':
-    resolution: {integrity: sha512-SpOfBwcO2ultfetyzpqf5zzrNNMZwQKsiAywMZe7Z+chRAubGGnNnTlVPIGlHgJZwnVUBgV74r2Zg5tV9HFGtQ==}
+  '@stakewise/v3-sdk@4.3.0':
+    resolution: {integrity: sha512-tZ3ORNi1cSGcAfqq4IisZkTDAwTEBf6hKPpcNq0X1qZkfcOKvmIJmA+joXBEEjPzQ2ONOqSpeUiRiiXh9F8MTQ==}
     peerDependencies:
       ethers: ^6.14.3
 
@@ -6323,6 +6323,9 @@ packages:
   zod@4.3.5:
     resolution: {integrity: sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==}
 
+  zod@4.4.3:
+    resolution: {integrity: sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==}
+
   zustand@5.0.0:
     resolution: {integrity: sha512-LE+VcmbartOPM+auOjCCLQOsQ05zUTp8RkgwRzefUk+2jISdMMFnxvyTjA4YNWr5ZGXYbVsEMZosttuxUBkojQ==}
     engines: {node: '>=12.20.0'}
@@ -8021,10 +8024,11 @@ snapshots:
 
   '@sindresorhus/merge-streams@4.0.0': {}
 
-  '@stakewise/v3-sdk@4.2.5(ethers@6.14.3)':
+  '@stakewise/v3-sdk@4.3.0(ethers@6.14.3)':
     dependencies:
       bignumber.js: 9.3.0
       ethers: 6.14.3
+      zod: 4.4.3
 
   '@standard-schema/spec@1.1.0': {}
 
@@ -13692,6 +13696,8 @@ snapshots:
 
   zod@4.3.5: {}
 
+  zod@4.4.3: {}
+
   zustand@5.0.0(@types/react@19.2.3)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
     optionalDependencies:
       '@types/react': 19.2.3

From 5ff7e91234430dbd6f9058f12932cb010095fa4a Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 14:35:45 +0500
Subject: [PATCH 06/14] [logic-and-ui-improves] fix build

---
 e2e/fixtures/user/setUserRewards.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/e2e/fixtures/user/setUserRewards.ts b/e2e/fixtures/user/setUserRewards.ts
index 492caa3b..bf8e522f 100644
--- a/e2e/fixtures/user/setUserRewards.ts
+++ b/e2e/fixtures/user/setUserRewards.ts
@@ -22,6 +22,8 @@ export const createSetUserRewards: Wrapper = ({ page }) => (
       dailyRewardsJpy: 2.8604074786261133,
       dailyRewardsKrw: 2.8604074786261133,
       dailyRewardsAud: 2.8604074786261133,
+      dailyStakeRewards: 2.8604074786261133,
+      dailyBoostRewards: 2.8604074786261133,
     }))
 
     await page.evaluate((payload) => {

From 9981a3816387ad9b12d5b1c50d30b3b997a597c0 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 15:13:57 +0500
Subject: [PATCH 07/14] [logic-and-ui-improves] fix build 2

---
 e2e/fixtures/vault/setVaultData.ts | 13 +++++++++++--
 src/store/store/vault/base.ts      | 13 ++++++++++++-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/e2e/fixtures/vault/setVaultData.ts b/e2e/fixtures/vault/setVaultData.ts
index d7414356..4052203d 100644
--- a/e2e/fixtures/vault/setVaultData.ts
+++ b/e2e/fixtures/vault/setVaultData.ts
@@ -20,7 +20,18 @@ export const createSetVaultData: Wrapper = ({ page, wallet }) => (
     const result: Output = {
       feePercent,
       vaultAddress,
+      subVaultsCount: 0,
+      exitingAssets: '0',
+      exitingTickets: '0',
+      subVaultsCurator: '',
       isSmoothingPool: false,
+      canHarvest: false,
+      avgQueueDays: 0,
+      ejectingSubVault: '',
+      subVaultsRegistry: '',
+      pendingMetaSubVault: '',
+      protocolFeePercent: '0',
+      isStateUpdateRequired: false,
       imageUrl: data?.imageUrl || '',
       isErc20: data?.isErc20 ?? false,
       vaultAdmin: getAddress(address),
@@ -66,8 +77,6 @@ export const createSetVaultData: Wrapper = ({ page, wallet }) => (
         isMoreV2: true,
       },
       isPostPectra: true,
-      protocolFeePercent: String(feePercent / 100),
-      avgQueueDays: 1,
     }
 
     await page.addInitScript((payload) => {
diff --git a/src/store/store/vault/base.ts b/src/store/store/vault/base.ts
index 9b5394bc..7a70741c 100644
--- a/src/store/store/vault/base.ts
+++ b/src/store/store/vault/base.ts
@@ -11,6 +11,8 @@ type BaseData = Omit<GetVaultData, 'version'> & {
   isPostPectra: boolean
   avgQueueDays: number
   protocolFeePercent: string
+  subVaultsCurator: string | null
+  isStateUpdateRequired: boolean
   versions: Awaited<ReturnType<StakeWiseSDK['vault']['getVaultVersion']>>
 }
 
@@ -24,7 +26,7 @@ export interface BaseState {
 
 export const initialState: BaseState = {
   data: {
-    apy: 0,
+     apy: 0,
     baseApy: 0,
     imageUrl: '',
     createdAt: 0,
@@ -43,13 +45,21 @@ export const initialState: BaseState = {
     feeRecipient: '',
     blocklistCount: 0,
     whitelistCount: 0,
+    subVaultsCount: 0,
     lastFeePercent: 0,
+    canHarvest: false,
     queuedShares: '0',
+    exitingAssets: '0',
+    exitingTickets: '0',
     depositDataRoot: '',
     whitelistManager: '',
     blocklistManager: '',
+    subVaultsCurator: '',
+    ejectingSubVault: '',
     validatorsManager: '',
+    subVaultsRegistry: '',
     depositDataManager: '',
+    pendingMetaSubVault: '',
     protocolFeePercent: '0',
     allocatorMaxBoostApy: 0,
     lastFeeUpdateTimestamp: '0',
@@ -62,6 +72,7 @@ export const initialState: BaseState = {
     isPostPectra: false,
     isSmoothingPool: false,
     isCollateralized: false,
+    isStateUpdateRequired: false,
 
     osTokenConfig: {
       ltvPercent: '0',

From 23588d9817b0952ed221f672c848b0294f2c6608 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 15:22:20 +0500
Subject: [PATCH 08/14] [logic-and-ui-improves] fix build 3

---
 src/helpers/requests/_SSR/vault/getVaultBase.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/helpers/requests/_SSR/vault/getVaultBase.ts b/src/helpers/requests/_SSR/vault/getVaultBase.ts
index 061e2b86..4a7c660c 100644
--- a/src/helpers/requests/_SSR/vault/getVaultBase.ts
+++ b/src/helpers/requests/_SSR/vault/getVaultBase.ts
@@ -39,7 +39,10 @@ const getVaultBase = async () => {
   const data = await requests.vault.fetchData({ sdk, vaultAddress, withTime: true })
 
   return {
-    data,
+    data: {
+      ...data,
+      isStateUpdateRequired: false,
+    },
     isSSR: true,
     isFetching: false,
   }

From 47298089106033d2df981f1002b709477d112f8e Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 15:33:52 +0500
Subject: [PATCH 09/14] [logic-and-ui-improves] fix build 4

---
 src/helpers/requests/_SSR/vault/getVaultBase.ts | 5 +----
 src/store/store/vault/base.ts                   | 2 --
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/helpers/requests/_SSR/vault/getVaultBase.ts b/src/helpers/requests/_SSR/vault/getVaultBase.ts
index 4a7c660c..061e2b86 100644
--- a/src/helpers/requests/_SSR/vault/getVaultBase.ts
+++ b/src/helpers/requests/_SSR/vault/getVaultBase.ts
@@ -39,10 +39,7 @@ const getVaultBase = async () => {
   const data = await requests.vault.fetchData({ sdk, vaultAddress, withTime: true })
 
   return {
-    data: {
-      ...data,
-      isStateUpdateRequired: false,
-    },
+    data,
     isSSR: true,
     isFetching: false,
   }
diff --git a/src/store/store/vault/base.ts b/src/store/store/vault/base.ts
index 7a70741c..566d1292 100644
--- a/src/store/store/vault/base.ts
+++ b/src/store/store/vault/base.ts
@@ -12,7 +12,6 @@ type BaseData = Omit<GetVaultData, 'version'> & {
   avgQueueDays: number
   protocolFeePercent: string
   subVaultsCurator: string | null
-  isStateUpdateRequired: boolean
   versions: Awaited<ReturnType<StakeWiseSDK['vault']['getVaultVersion']>>
 }
 
@@ -72,7 +71,6 @@ export const initialState: BaseState = {
     isPostPectra: false,
     isSmoothingPool: false,
     isCollateralized: false,
-    isStateUpdateRequired: false,
 
     osTokenConfig: {
       ltvPercent: '0',

From 2be97456b812a628c8fe61266b5690ce6b369eb5 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 15:38:40 +0500
Subject: [PATCH 10/14] [logic-and-ui-improves] fix build 5

---
 e2e/fixtures/vault/setVaultData.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/e2e/fixtures/vault/setVaultData.ts b/e2e/fixtures/vault/setVaultData.ts
index 4052203d..96b01ab6 100644
--- a/e2e/fixtures/vault/setVaultData.ts
+++ b/e2e/fixtures/vault/setVaultData.ts
@@ -31,7 +31,6 @@ export const createSetVaultData: Wrapper = ({ page, wallet }) => (
       subVaultsRegistry: '',
       pendingMetaSubVault: '',
       protocolFeePercent: '0',
-      isStateUpdateRequired: false,
       imageUrl: data?.imageUrl || '',
       isErc20: data?.isErc20 ?? false,
       vaultAdmin: getAddress(address),

From 3678c44d9e367455a931eeb6eb42dab5d7fb5fa4 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 16:00:34 +0500
Subject: [PATCH 11/14] [logic-and-ui-improves] fix calendar bg

---
 src/components/DatePicker/DatePicker.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx
index ee86128e..008e0f53 100644
--- a/src/components/DatePicker/DatePicker.tsx
+++ b/src/components/DatePicker/DatePicker.tsx
@@ -1,6 +1,5 @@
 import React, { Fragment } from 'react'
 import cx from 'classnames'
-import theme from 'modules/theme'
 import { offset } from '@floating-ui/react'
 import type { Placement } from '@floating-ui/react'
 import { autoUpdate, useFloating } from '@floating-ui/react-dom'
@@ -18,8 +17,6 @@ export type DatePickerProps = Omit<InputProps, 'field'> & Omit<CalendarProps, 'o
 const DatePicker: React.FC<DatePickerProps> = (props) => {
   const { className, field, minDate, maxDate, placement = 'bottom-start', ...rest } = props
 
-  const { isDark } = theme.useData()
-
   const { refs, floatingStyles } = useFloating({
     placement,
     middleware: [
@@ -53,9 +50,7 @@ const DatePicker: React.FC<DatePickerProps> = (props) => {
           </PopoverButton>
           <PopoverPanel
             ref={refs.setFloating}
-            className={cx('bg-background border border-dark/10 shadow-md p-16 rounded-12 z-20', {
-              'bg-black/50!': isDark,
-            })}
+            className="p-16 rounded-8 bg-background border border-dark/10 shadow-md z-20"
             style={floatingStyles}
           >
             <Calendar

From be60110a6476136bb89703eb753e328c05ecf232 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 17:15:52 +0500
Subject: [PATCH 12/14] [logic-and-ui-improves] scroll style

---
 src/app/layout.tsx                                 |  2 +-
 src/components/ApyBreakdown/ApyBreakdown.tsx       |  1 -
 .../TokenDropdown/TokenOptions/TokenOptions.tsx    |  4 ++--
 src/styles/tailwind/layers/components.css          |  4 ----
 src/styles/tailwind/layers/utilities.css           | 14 ++++++++++++++
 5 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2663a59a..868a85ee 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -141,7 +141,7 @@ const RootLayout = async (props: RootLayoutProps) => {
   return (
     <html lang={locale}>
       <body
-        className={cx(font.className, 'text-sm', {
+        className={cx(font.className, {
           'body-dark-theme': serverTheme.value === ThemeColor.Dark,
           'body-light-theme': serverTheme.value === ThemeColor.Light,
         })}
diff --git a/src/components/ApyBreakdown/ApyBreakdown.tsx b/src/components/ApyBreakdown/ApyBreakdown.tsx
index d41a731a..c19b629d 100644
--- a/src/components/ApyBreakdown/ApyBreakdown.tsx
+++ b/src/components/ApyBreakdown/ApyBreakdown.tsx
@@ -20,7 +20,6 @@ const ApyBreakdown: React.FC<ApyBreakdownProps> = (props) => {
     <PopupInfo
       className={className}
       headNode={children}
-      buttonClassName="line-height-0"
     >
       <Details
         data={data || []}
diff --git a/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx b/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx
index b10928e8..d83eafc9 100644
--- a/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx
+++ b/src/components/TokenDropdown/TokenOptions/TokenOptions.tsx
@@ -64,7 +64,7 @@ const TokenOptions: React.FC<TokenOptionsProps> = (props) => {
       {
         isFetching ? (
           <ScrollableContainer
-            className="overflow-y-auto"
+            className="overflow-y-auto custom-scrollbar"
             fadeClassName="fixed"
             style={{
               height: `calc(5 * 56px - 28px)`,
@@ -81,7 +81,7 @@ const TokenOptions: React.FC<TokenOptionsProps> = (props) => {
         ) : (
           filteredTokens.length ? (
             <ScrollableContainer
-              className="overflow-y-auto"
+              className="overflow-y-auto custom-scrollbar"
               fadeClassName="fixed"
               style={{
                 height: filteredTokens.length > 5
diff --git a/src/styles/tailwind/layers/components.css b/src/styles/tailwind/layers/components.css
index 15fade1b..77ba96c2 100644
--- a/src/styles/tailwind/layers/components.css
+++ b/src/styles/tailwind/layers/components.css
@@ -83,8 +83,4 @@
   .overflow-ellipsis:not(.block) {
     display: -webkit-box;
   }
-
-  .line-height-0 {
-    line-height: 0;
-  }
 }
diff --git a/src/styles/tailwind/layers/utilities.css b/src/styles/tailwind/layers/utilities.css
index 6e98dd4f..259db830 100644
--- a/src/styles/tailwind/layers/utilities.css
+++ b/src/styles/tailwind/layers/utilities.css
@@ -168,4 +168,18 @@
   .scrollbar-none::-webkit-scrollbar {
     display: none;
   }
+
+  .custom-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: var(--secondary);
+  }
+
+  .custom-scrollbar::-webkit-scrollbar-track {
+    width: 10px;
+    background-color: var(--secondary);
+  }
+
+  .custom-scrollbar::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
 }

From 279a78098a654949912a7130721e64c0aa90ea66 Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 17:28:50 +0500
Subject: [PATCH 13/14] [logic-and-ui-improves] scroll style (2)

---
 src/styles/tailwind/layers/utilities.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/tailwind/layers/utilities.css b/src/styles/tailwind/layers/utilities.css
index 259db830..e429423b 100644
--- a/src/styles/tailwind/layers/utilities.css
+++ b/src/styles/tailwind/layers/utilities.css
@@ -171,12 +171,12 @@
 
   .custom-scrollbar {
     scrollbar-width: thin;
-    scrollbar-color: var(--secondary);
+    scrollbar-color: rgba(var(--secondary-rgb), .5);
   }
 
   .custom-scrollbar::-webkit-scrollbar-track {
     width: 10px;
-    background-color: var(--secondary);
+    background-color: rgba(var(--secondary-rgb), .5);
   }
 
   .custom-scrollbar::-webkit-scrollbar-thumb {

From 64c12f7b26a6529c4033861771dd4532a4a9c74e Mon Sep 17 00:00:00 2001
From: Andrey Kopylov <programmer.andrey@gmail.com>
Date: Mon, 13 Jul 2026 17:41:28 +0500
Subject: [PATCH 14/14] [logic-and-ui-improves] scroll style (3)

---
 src/styles/tailwind/layers/utilities.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/tailwind/layers/utilities.css b/src/styles/tailwind/layers/utilities.css
index e429423b..ad487cbb 100644
--- a/src/styles/tailwind/layers/utilities.css
+++ b/src/styles/tailwind/layers/utilities.css
@@ -171,12 +171,12 @@
 
   .custom-scrollbar {
     scrollbar-width: thin;
-    scrollbar-color: rgba(var(--secondary-rgb), .5);
+    scrollbar-color: rgba(var(--secondary-rgb), .5) transparent;
   }
 
   .custom-scrollbar::-webkit-scrollbar-track {
     width: 10px;
-    background-color: rgba(var(--secondary-rgb), .5);
+    background-color: rgba(var(--secondary-rgb), .5) transparent;
   }
 
   .custom-scrollbar::-webkit-scrollbar-thumb {