├── public
    ├── robots.txt
    ├── cryptocurrency.png
    ├── manifest.json
    └── index.html
├── src
    ├── assets
    │   ├── almalogo.png
    │   ├── select-icon.svg
    │   ├── pagination-arrow.svg
    │   ├── submit-icon.svg
    │   ├── 1127-success.json
    │   └── 92445-crypto-bitcoin.json
    ├── index.css
    ├── setupTests.js
    ├── components
    │   ├── Header.jsx
    │   ├── footer.js
    │   ├── Dashboard.js
    │   ├── Portfolio.jsx
    │   ├── Pagination.js
    │   ├── ExchangeCoins.js
    │   ├── SearchBar.js
    │   ├── SideBar.js
    │   └── CryptoChart.js
    ├── App.css
    ├── redux
    │   ├── reducer
    │   │   ├── rootReducer.js
    │   │   ├── exchangeReducer.js
    │   │   └── defaultReducer.js
    │   ├── action
    │   │   ├── types.js
    │   │   └── action.js
    │   └── store.js
    ├── index.js
    ├── reportWebVitals.js
    ├── App.js
    ├── __tests__
    │   └── SideBar.test.js
    └── context
    │   └── CryptoContext.js
├── postcss.config.js
├── .gitignore
├── tailwind.config.js
├── LICENSE
├── package.json
└── README.md


/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/src/assets/almalogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dpvasani/Cryptocurrency-Dashboard/HEAD/src/assets/almalogo.png


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/public/cryptocurrency.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dpvasani/Cryptocurrency-Dashboard/HEAD/public/cryptocurrency.png


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap");
2 | @tailwind base;
3 | @tailwind components;
4 | @tailwind utilities;
5 | 
6 | 


--------------------------------------------------------------------------------
/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 | 


--------------------------------------------------------------------------------
/src/components/Header.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | import AlmaBetter from "../assets/almalogo.png"
 4 | 
 5 | 
 6 | export const Header = () => {
 7 |   return (
 8 |     <div className="w-20 ml-5 mt-2">
 9 |     <img src={AlmaBetter} alt="Logo"/>
10 |   </div>
11 |   )
12 | }
13 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | ::-webkit-scrollbar {
 2 |     width: 10px;
 3 | }
 4 | 
 5 | body::-webkit-scrollbar-track {
 6 |     background:  linear-gradient(0deg, rgb(52, 5, 95) 0%, rgb(184, 188, 238) 100%);
 7 |   }
 8 |   
 9 |   body::-webkit-scrollbar-thumb {
10 |     opacity: 0; 
11 |     box-shadow: 0px 0px 0px 100000vh #D3D3D3;
12 |   }
13 | 
14 | 


--------------------------------------------------------------------------------
/src/redux/reducer/rootReducer.js:
--------------------------------------------------------------------------------
 1 | import { combineReducers } from "redux";
 2 | import defaultReducer from "./defaultReducer";
 3 | import exchangeReducer from "./exchangeReducer";
 4 | 
 5 | const rootReducer = combineReducers ({
 6 |     default : defaultReducer,
 7 |     exchange : exchangeReducer    
 8 | })
 9 | 
10 | 
11 | export default rootReducer


--------------------------------------------------------------------------------
/src/redux/action/types.js:
--------------------------------------------------------------------------------
 1 | const actionTypes = {
 2 | 
 3 |     INITIALIZE_COIN: 'INITIALIZE_COIN',
 4 |     EXCHANGE_SUCCESS: 'EXCHANGE_SUCCESS',
 5 |     EXCHANGE_ERROR: 'EXCHANGE_ERROR',
 6 | 
 7 |     INITIALIZE: 'INITIALIZE',
 8 |     COIN_API_SUCCESS: 'COIN_API_SUCCESS',
 9 |     COIN_API_ERROR: 'COIN_API_ERROR',
10 | }
11 | 
12 | export default actionTypes


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": ".",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom/client';
 3 | import './index.css';
 4 | import App from './App';
 5 | import reportWebVitals from './reportWebVitals';
 6 | 
 7 | const root = ReactDOM.createRoot(document.getElementById('root'));
 8 | root.render(
 9 |   <React.StrictMode>
10 |     <App />
11 |   </React.StrictMode>
12 | );
13 | 
14 | 
15 | reportWebVitals();
16 | 


--------------------------------------------------------------------------------
/src/redux/store.js:
--------------------------------------------------------------------------------
 1 | import { createStore, applyMiddleware } from "redux";
 2 | import thunk from "redux-thunk";
 3 | import { composeWithDevTools } from 'redux-devtools-extension';
 4 | import logger from 'redux-logger'
 5 | import rootReducer from "./reducer/rootReducer";
 6 | 
 7 | const store = createStore(rootReducer,composeWithDevTools(applyMiddleware(logger,thunk)))
 8 | 
 9 | export default store;
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 


--------------------------------------------------------------------------------
/src/reportWebVitals.js:
--------------------------------------------------------------------------------
 1 | const reportWebVitals = onPerfEntry => {
 2 |   if (onPerfEntry && onPerfEntry instanceof Function) {
 3 |     import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
 4 |       getCLS(onPerfEntry);
 5 |       getFID(onPerfEntry);
 6 |       getFCP(onPerfEntry);
 7 |       getLCP(onPerfEntry);
 8 |       getTTFB(onPerfEntry);
 9 |     });
10 |   }
11 | };
12 | 
13 | export default reportWebVitals;
14 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | module.exports = {
 3 |   content: ["./src/**/*.{js,jsx,ts,tsx}"],
 4 |   theme: {
 5 |     extend: {
 6 |       fontFamily: {
 7 |         body: ["Nunito"],
 8 |       },
 9 |       colors: {
10 |         cyan: "#14ffec",        
11 |       },
12 |       fontSize: {
13 |         sm: "12px",
14 |         md: "14px",
15 |         lg: "16px",
16 |         xl: "32px",
17 |         base: "15px",
18 |       },
19 |     },
20 |   },
21 | };
22 |  
23 | 
24 | 


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import "./App.css";
 3 | import { Provider } from "react-redux";
 4 | import store from "./redux/store";
 5 | import Dashboard from "./components/Dashboard";
 6 | import { CryptoProvider } from "./context/CryptoContext";
 7 | 
 8 | //App is the parent component of dashboard
 9 | 
10 | function App() {
11 | 
12 |   return (
13 |     <Provider store={store}>
14 |       <CryptoProvider>
15 |         <Dashboard />
16 |       </CryptoProvider>
17 |     </Provider>
18 |   );
19 | }
20 | 
21 | export default App;
22 | 


--------------------------------------------------------------------------------
/src/redux/reducer/exchangeReducer.js:
--------------------------------------------------------------------------------
 1 | import actionTypes from "../action/types";
 2 | 
 3 | const initialState = {
 4 |     projectName:"Crypto Exchange",
 5 |     coinList:  [],
 6 | }
 7 | 
 8 | const exchangeReducer = (state=initialState, action) => {
 9 | 
10 |     switch(action.type) {
11 | 
12 |         case actionTypes.EXCHANGE_SUCCESS:
13 |             return {
14 |                 ...state,
15 |                 coinList : action.payload
16 |             }
17 | 
18 |         case actionTypes.EXCHANGE_ERROR:
19 |             alert(action.payload)
20 |             return state
21 | 
22 |         default: return state
23 |     }
24 | }
25 | 
26 | export default exchangeReducer;


--------------------------------------------------------------------------------
/src/redux/reducer/defaultReducer.js:
--------------------------------------------------------------------------------
 1 | import actionTypes from "../action/types";
 2 | 
 3 | const initialState ={
 4 |     projectName:"Crypto dashboard",
 5 |     coinList: [],
 6 | }
 7 | 
 8 | const defaultReducer = (state=initialState, action) =>{
 9 |     
10 |     switch(action.type){
11 | 
12 | 
13 |         case actionTypes.COIN_API_SUCCESS:
14 |             return {
15 |                 ...state,
16 |                 coinList : action.payload,
17 |                 page: action.payload
18 | 
19 |             }
20 | 
21 |         case actionTypes.COIN_API_ERROR:
22 |             alert(action.payload)
23 |             return state
24 | 
25 |         default: return state
26 |     }
27 | }
28 | 
29 | export default defaultReducer;


--------------------------------------------------------------------------------
/src/assets/select-icon.svg:
--------------------------------------------------------------------------------
1 | <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M7.47951 11.4153C7.42599 11.493 7.35438 11.5565 7.27085 11.6004C7.18732 11.6444 7.09437 11.6673 7.00001 11.6673C6.90564 11.6673 6.81269 11.6444 6.72916 11.6004C6.64563 11.5565 6.57402 11.493 6.52051 11.4153L1.27051 3.83194C1.20974 3.74447 1.1741 3.64202 1.16747 3.53572C1.16084 3.42943 1.18346 3.32334 1.23289 3.229C1.28232 3.13466 1.35665 3.05567 1.44782 3.0006C1.53899 2.94554 1.6435 2.91652 1.75001 2.91669H12.25C12.3563 2.91713 12.4604 2.94652 12.5512 3.00172C12.642 3.05691 12.716 3.13581 12.7653 3.22993C12.8147 3.32406 12.8374 3.42984 12.8311 3.53591C12.8247 3.64199 12.7896 3.74433 12.7295 3.83194L7.47951 11.4153Z" fill="white"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/src/components/footer.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | export const Footer = () => {
 4 |   return (
 5 |     <footer class="relative text-center text-black-400 lg:text-center md:text-center sm:text-center">
 6 |         <div className="my-4">
 7 |           <h3 className="footer-content font-semibold text-gray-300">
 8 |             Made with{" "}❤️{" "}
 9 |             <a
10 |               class="link"
11 |               href="https://github.com/dpvasani/Cryptocurrency-Dashboard"
12 |               className="hover:underline hover:text-blue-400"
13 |             >
14 |               Darshan Vasani{" "}
15 |             </a>
16 |           </h3>
17 |         </div>
18 |         <div className='flex absolute -mt-3 items-center'>
19 |             <h3 className='text-[8px] text-gray-300'>Data Provided By CoinGeckoAPI</h3>
20 |         </div>
21 |       </footer>
22 |   )
23 | }
24 | 


--------------------------------------------------------------------------------
/src/assets/pagination-arrow.svg:
--------------------------------------------------------------------------------
1 | <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M16.0156 1.00269C7.73137 1.00269 1.01562 7.71837 1.01562 16.0027C1.01562 24.287 7.73137 31.0027 16.0156 31.0027C24.2999 31.0027 31.0156 24.2869 31.0156 16.0027C31.0156 7.71844 24.3 1.00269 16.0156 1.00269ZM25.208 25.1951C22.9286 27.4676 19.8848 28.81 16.6696 28.9609C13.4545 29.1117 10.2983 28.0601 7.81613 26.011C5.33397 23.9619 3.70361 21.0621 3.24272 17.8766C2.78184 14.691 3.52345 11.448 5.32305 8.77944C7.12266 6.11085 9.85134 4.20784 12.9774 3.44123C16.1035 2.67462 19.403 3.09932 22.233 4.63258C25.063 6.16584 27.2209 8.69781 28.286 11.7351C29.3512 14.7725 29.2474 18.0976 27.9948 21.0626C27.342 22.6074 26.3956 24.0108 25.208 25.1951Z" fill="gray"/>
3 | <path d="M14.9773 10.3116L19.6681 15.0025H8.00858V17.0025H19.6681L14.9773 21.6934L16.3915 23.1076L23.4966 16.0025L16.3915 8.89746L14.9773 10.3116Z" fill="white"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/assets/submit-icon.svg:
--------------------------------------------------------------------------------
1 | <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M10.8571 15.4286L14.2857 12L10.8571 8.57147M14.2857 12H4" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
3 | <path d="M5.14285 9.7143V6.27659C5.14285 5.67196 5.38241 5.09196 5.80909 4.66357C6.23577 4.23518 6.8148 3.99329 7.41942 3.99087L16.5074 3.9543C16.8077 3.9531 17.1052 4.01107 17.3831 4.1249C17.6609 4.23873 17.9136 4.40619 18.1268 4.61771C18.3399 4.82923 18.5092 5.08067 18.6251 5.35765C18.741 5.63464 18.8012 5.93176 18.8023 6.23202L18.848 17.6937C18.8492 17.9939 18.7913 18.2914 18.6775 18.5691C18.5638 18.8469 18.3964 19.0996 18.185 19.3127C17.9736 19.5258 17.7223 19.6951 17.4454 19.8111C17.1686 19.9271 16.8716 19.9874 16.5714 19.9886H7.42857C6.82236 19.9886 6.24098 19.7478 5.81232 19.3191C5.38367 18.8905 5.14285 18.3091 5.14285 17.7029V14.2857" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/src/__tests__/SideBar.test.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import {render , screen} from '@testing-library/react';
 3 | import SideBar from "../components/SideBar";
 4 | import '@testing-library/jest-dom/extend-expect';
 5 | 
 6 | 
 7 | 
 8 | it('renders without crashing', () => {
 9 |     render(<SideBar/>)
10 | })
11 | 
12 | 
13 | //Default Selection
14 | it('should correctly set default option', () => {
15 |     render(<SideBar/>)
16 |     expect(screen.getByRole('option', { name: 'sortby' }).selected).toBe(true)
17 |   })
18 | 
19 | //correct number of options
20 | it('should display the correct number of options', () => {
21 |     render(<SideBar/>)
22 |     expect(screen.getAllByRole('option').length).toBe(9);
23 | })
24 | 
25 | it('should render SideBar Component', () => {
26 |     render(<SideBar />);
27 |     const SideBarElement = screen.getByTestId('Sidebar-1');
28 |     expect(SideBarElement).toBeInTheDocument();
29 |     expect(SideBarElement).toHaveTextContent('Cryptocurrency By Market Cap');
30 | 
31 |     const SortingOptionsElement = screen.getByRole("combobox");
32 |     expect(SortingOptionsElement).toBeInTheDocument(); 
33 | })
34 | 
35 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022  Pavan Kulkarni, Rabin Chakraborty, Anjum Shaik, Javed Ansari, Shahbaz Khan 
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/redux/action/action.js:
--------------------------------------------------------------------------------
 1 | import axios from "axios";
 2 | import actionTypes from "./types";
 3 | 
 4 | // fetchCoins action 
 5 | export const fetchCoins = () => {
 6 |       return (dispatch) => {
 7 |           axios.get(`https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&page=1&per_page=9`)
 8 |           .then(response =>{
 9 |               const data = response.data
10 |               dispatch({
11 |                 type: actionTypes.COIN_API_SUCCESS,
12 |                 payload: data
13 |               })
14 |           })
15 |           .catch(error =>{
16 |               const errorMsg = error.message
17 |               dispatch({
18 |                 type: actionTypes.COIN_API_ERROR,
19 |                 payload : errorMsg
20 |               })
21 |           })
22 |       }
23 |   }
24 | 
25 | // exchange rate action
26 | export const fetchCoinList = () => {
27 |   return (dispatch) => {
28 |     axios.get('https://api.coingecko.com/api/v3/exchange_rates')
29 |     .then(response =>{
30 |       const data = response.data
31 |       dispatch({
32 |         type: actionTypes.EXCHANGE_SUCCESS,
33 |         payload: data
34 |       })
35 |     })
36 |       .catch(error => {
37 |         const errorMsg = error.message 
38 |         dispatch({
39 |           type: actionTypes.EXCHANGE_ERROR,
40 |           payload: errorMsg  
41 |       })
42 |     })
43 |   }
44 | }
45 | 
46 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "crypto-dashboard",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "Author": "Darshan Vasani",
 6 |   "dependencies": {
 7 |     "@fortawesome/fontawesome-svg-core": "^6.2.0",
 8 |     "@fortawesome/free-solid-svg-icons": "^6.2.0",
 9 |     "@fortawesome/react-fontawesome": "^0.2.0",
10 |     "@testing-library/jest-dom": "^5.16.5",
11 |     "@testing-library/react": "^13.4.0",
12 |     "@testing-library/user-event": "^13.5.0",
13 |     "axios": "^1.1.3",
14 |     "chart.js": "^3.9.1",
15 |     "lodash.debounce": "^4.0.8",
16 |     "lottie-react": "^2.3.1",
17 |     "react": "^18.2.0",
18 |     "react-chartjs-2": "^4.3.1",
19 |     "react-dom": "^18.2.0",
20 |     "react-redux": "^8.0.5",
21 |     "react-scripts": "^5.0.1",
22 |     "react-test-renderer": "^18.2.0",
23 |     "redux": "^4.2.0",
24 |     "redux-devtools-extension": "^2.13.9",
25 |     "redux-logger": "^3.0.6",
26 |     "redux-thunk": "^2.4.2",
27 |     "web-vitals": "^2.1.4"
28 |   },
29 |   "scripts": {
30 |     "start": "react-scripts start",
31 |     "build": "react-scripts build",
32 |     "test": "react-scripts test",
33 |     "eject": "react-scripts eject"
34 |   },
35 |   "eslintConfig": {
36 |     "extends": [
37 |       "react-app",
38 |       "react-app/jest"
39 |     ]
40 |   },
41 |   "browserslist": {
42 |     "production": [
43 |       ">0.2%",
44 |       "not dead",
45 |       "not op_mini all"
46 |     ],
47 |     "development": [
48 |       "last 1 chrome version",
49 |       "last 1 firefox version",
50 |       "last 1 safari version"
51 |     ]
52 |   },
53 |   "devDependencies": {
54 |     "autoprefixer": "^10.4.13",
55 |     "postcss": "^8.4.18",
56 |     "tailwindcss": "^3.2.2"
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/cryptocurrency.png" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |       name="description"
10 |       content="Web site created using create-react-app"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <!--
14 |       manifest.json provides metadata used when your web app is installed on a
15 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16 |     -->
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 |     
19 |     <!-- fontawesome link -->
20 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
21 |     
22 |     <!--
23 |       Notice the use of %PUBLIC_URL% in the tags above.
24 |       It will be replaced with the URL of the `public` folder during the build.
25 |       Only files inside the `public` folder can be referenced from the HTML.
26 | 
27 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
28 |       work correctly both with client-side routing and a non-root public URL.
29 |       Learn how to configure a non-root public URL by running `npm run build`.
30 |     -->
31 | 
32 |     <script src="https://cdn.tailwindcss.com"></script>
33 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
34 |     <title>CryptoDashboard</title>
35 |   </head>
36 |   <body>
37 |     <noscript>You need to enable JavaScript to run this app.</noscript>
38 |     <div id="root"></div>
39 |     <!--
40 |       This HTML file is a template.
41 |       If you open it directly in the browser, you will see an empty page.
42 | 
43 |       You can add webfonts, meta tags, or analytics to this file.
44 |       The build step will place the bundled scripts into the <body> tag.
45 | 
46 |       To begin the development, run `npm start` or `yarn start`.
47 |       To create a production bundle, use `npm run build` or `yarn build`.
48 |     -->
49 |   </body>
50 | </html>
51 | 


--------------------------------------------------------------------------------
/src/components/Dashboard.js:
--------------------------------------------------------------------------------
 1 | import { useEffect } from "react";
 2 | import { useDispatch, useSelector } from "react-redux";
 3 | import { fetchCoins } from "../redux/action/action";
 4 | import { CryptoChart } from "./CryptoChart";
 5 | import { ExchangeCoins } from "./ExchangeCoins";
 6 | import { SideBar } from "./SideBar";
 7 | import { Portfolio } from "./Portfolio";
 8 | import { SearchBar } from "./SearchBar";
 9 | import { Footer } from "./footer";
10 | import { useState } from "react";
11 | import Lottie from "lottie-react";
12 | import { Header } from "./Header";
13 | import * as bitcoin from "../assets/92445-crypto-bitcoin.json";
14 | import * as success from "../assets/1127-success.json";
15 | 
16 | //Dashboard is the parent component 
17 | function Dashboard() {
18 |   const dispatch = useDispatch();
19 |   const data = useSelector((state) => state.default);
20 |   const [loading, setLoading] = useState(undefined);
21 |   const [completed, setCompleted] = useState(undefined);
22 | 
23 |   useEffect(() => {
24 |     setTimeout(() => {
25 |       if (data.coinList.length === 0) {
26 |         dispatch(fetchCoins());
27 | 
28 |         setLoading(true);
29 | 
30 |         setTimeout(() => {
31 |           setCompleted(true);
32 |         }, 1000);
33 |       }
34 |     }, 2500);
35 |   }, [data.coinList.length, dispatch]);
36 | 
37 |   return (
38 |     <>
39 |       {!completed ? (
40 |         <>
41 |           <div className="lg:mt-[10rem] lg:ml-[25rem] lg:pl-[6rem] w-[10rem] mt-[13rem] ml-[6.5rem] sm:mt-[190px] sm:ml-[15rem] sm:w-[10rem] md:mt-[15rem] md:ml-[17rem] md:w-[15rem]">
42 |             {!loading ? (
43 |               <Lottie animationData={bitcoin} />
44 |             ) : (
45 |               <Lottie animationData={success} />
46 |             )}
47 |           </div>
48 |         </>
49 |       ) : (
50 |         <>
51 |         <div className="bg-gradient-to-r from-[#2A5470] to-[#4C4177] flex bg-opacity-10 backdrop-blur-md">
52 |         <Header />
53 |         </div>
54 |           <div className="py-4 px-4 bg-gradient-to-r from-[#2A5470] to-[#4C4177] bg-opacity-60 backdrop-blur-md">
55 |             <div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-4 sm:grid-cols-1 gap-2">
56 |               <div className="md:col-span-3 grid-cols-3 sm:grid-cols-3 container-fluid">
57 |                 <SearchBar />
58 |                 <CryptoChart />
59 |                 <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
60 |                   <Portfolio />
61 |                   <ExchangeCoins />
62 |                 </div>
63 |               </div>
64 |               <SideBar />
65 |             </div>
66 |             <Footer />
67 |           </div>
68 |         </>
69 |       )}
70 |     </>
71 |   );
72 | }
73 | 
74 | export default Dashboard;
75 | 


--------------------------------------------------------------------------------
/src/context/CryptoContext.js:
--------------------------------------------------------------------------------
  1 | import { createContext, useLayoutEffect, useState } from "react";
  2 | 
  3 | //create context object
  4 | export const CryptoContext = createContext({});
  5 | 
  6 | /*cryptoContext component contains api data of cryptocoins,
  7 |  cryptoId and search cryptos and there states as well
  8 | */
  9 | export const CryptoProvider = ({ children }) => {
 10 |   const [cryptoId, setCryptoId] = useState();
 11 |   const [cryptoData, setCryptoData] = useState();
 12 |   const [currency, setCurrency] = useState("usd");
 13 |   const [sortBy, setSortBy] = useState("market_cap_desc");
 14 |   const [page, setPage] = useState(1);
 15 |   const [totalPages] = useState(350);
 16 |   const [perPage, setPerPage] = useState(8);
 17 |   const [searchData, setSearchData] = useState();
 18 |   const [coinSearch, setCoinSearch] = useState("");
 19 |   const [id , setCoinId] = useState("")
 20 |  
 21 |   const getCryptoData = async () => {
 22 |     try {
 23 |       const data = await fetch(
 24 |         `https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency}&ids=${coinSearch}&order=${sortBy}&page=${page}&per_page=${perPage}`
 25 |       )
 26 |         .then((res) => res.json())
 27 |         .then((json) => json);
 28 |       // console.log(data);
 29 |       setCryptoData(data);
 30 |       // console.log(data.length)
 31 |     } catch (error) {
 32 |       console.log(error);
 33 |     }
 34 |   };
 35 | 
 36 |   const getCryptoId = async () => {
 37 |     try {
 38 |       const data = await fetch(
 39 |         `https://api.coingecko.com/api/v3/coins/markets?vs_currency=${currency}&ids=${id}&order=market_cap_desc&page=1&per_page=200`
 40 |       )
 41 |         .then((res) => res.json())
 42 |         .then((json) => json);
 43 |       // console.log(data);
 44 |       setCryptoId(data);
 45 |       // console.log(data.length)
 46 |     } catch (error) {
 47 |       console.log(error);
 48 |     }
 49 |   };
 50 | 
 51 | 
 52 |   const getSearchResult = async (query) => {
 53 |     try {
 54 |       const data = await fetch(
 55 |         `https://api.coingecko.com/api/v3/search?query=${query}`
 56 |       )
 57 |         .then((res) => res.json())
 58 |         .then((json) => json);
 59 | 
 60 |       console.log(data);
 61 |       setSearchData(data.coins);
 62 |     } catch (error) {
 63 |       console.log(error);
 64 |     }
 65 |   };
 66 | 
 67 |   const resetFunction = () => {
 68 |     setPage(1);
 69 |     setCoinSearch("");
 70 |     setSortBy("market_cap_desc");
 71 |   };
 72 | 
 73 |   useLayoutEffect(() => {
 74 |     getCryptoData();
 75 |     getCryptoId();
 76 |   }, [currency, sortBy, page, perPage, coinSearch]);
 77 | 
 78 |   return (
 79 |     <CryptoContext.Provider
 80 |       value={{
 81 |         cryptoData,
 82 |         currency,
 83 |         setCurrency,
 84 |         sortBy,
 85 |         setSortBy,
 86 |         page,
 87 |         setPage,
 88 |         totalPages,
 89 |         setPerPage,
 90 |         perPage,
 91 |         searchData,
 92 |         getSearchResult,
 93 |         setCoinSearch,
 94 |         setSearchData,
 95 |         resetFunction,
 96 |         cryptoId
 97 |       }}
 98 |     >
 99 |       {children}
100 |     </CryptoContext.Provider>
101 |   );
102 | };
103 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | <h1 align="center">
  2 |   <br />
  3 |   <a href="https://readers-space.netlify.app/">
  4 |       <img src="https://user-images.githubusercontent.com/63870995/209679174-1bada3c7-643d-45e7-a1af-2a9759edd869.png" width="200"/>
  5 |   </a>
  6 |   <br/>
  7 |   Cryptocurrency Dashboard
  8 |   <h3 align="center">
  9 |     Discover Cryptos, Charts, And MarketCaps !
 10 | </h3>
 11 | 
 12 | <br/>
 13 | 
 14 | 
 15 | <!-- TABLE OF CONTENTS -->
 16 | <details>
 17 |     <summary>Content</summary>
 18 |     <ol>
 19 |         <li><a href="#introduction">Introduction</a></li>
 20 |         <li><a href="#features">Features</a></li>
 21 |         <li><a href="#technology-languages-used">Technology/ Languages Used</a></li>
 22 |         <li><a href="#how-to-run-locally">How to Run Locally</a></li>
 23 |         <li><a href="#how-to-contribute">How to Contribute</a></li>
 24 |     </ol>
 25 | </details>
 26 | 
 27 | <!-- Project Introduction -->
 28 | ## **Introduction**
 29 | <p>
 30 |     Cryptocurrency Dashboard is a web application that allows users to view cryptocurrency trends and their past price through graphical visualization.</p>
 31 | <br />
 32 | Visit <a href="https://cryptocurrency-dashboard-eight.vercel.app/">Cryptocurrency-Dashboard</a> and Discover Cryptos, Charts, and MarketCaps!
 33 | 
 34 | ![DashBoard home page](https://user-images.githubusercontent.com/63870995/210148826-04032249-b0a7-4958-8a53-d1a5953bab92.png)
 35 | 
 36 | <br />
 37 | <!-- FEATURES -->
 38 | 
 39 | ## **Features**
 40 | - user can view data visuals through dynamic graphs
 41 | - user can search cryptos 
 42 | - user can sort cryptos
 43 | - user can view Live previews of cryptos
 44 | - user can view app on Fullscreen mode
 45 | - user can choose Chart types
 46 | - user can click on Duration buttons to view past prices and current prices of cryptos through graphs. 
 47 | - Sidebar indicates profit/loss percentage on 24 hour basis
 48 | - Crypto Exchange: allows users to convert different crypto currencies into other currencies
 49 | - Responsive
 50 | - sidebar pagination
 51 | 
 52 | <br />
 53 | 
 54 | <!-- BUILT WITH -->
 55 | 
 56 | ## **Technology/ Languages Used**
 57 | 
 58 | - Tailwind CSS
 59 | - Redux
 60 | - Redux Thunk
 61 | - ReactJS
 62 | - ContextApi
 63 | - Chartjs
 64 | - CoinGeckoAPI
 65 | 
 66 | <br />
 67 | <!-- HOW TO RUN LOCALLY -->
 68 | 
 69 | ## **How to Run locally**
 70 | - To run this project locally, use the following command in your CLI:
 71 | 
 72 | ```bash
 73 |   git clone https://github.com/pavandeveloperr/cryptocurrency-dashboard.git
 74 | ```
 75 | - Open your favorite code editor and run locally!
 76 | ```bash
 77 |   npm install
 78 |   npm start
 79 | ```
 80 | - Go to browser and search localhost:3000
 81 | 
 82 | <br />
 83 | <!-- CONTRIBUTING -->
 84 | 
 85 | ## **How to Contribute**
 86 | 
 87 | Contributions and ideas to this library are more than welcome! <br />
 88 | If you want to contribute or have ideas for this project, just fork the repo and create a PR. If you spot a bug, you are more than welcome to open an issue! Do ⭐ this project! 
 89 | 
 90 | ### Contribution Guidelines
 91 | 1. Fork the Project
 92 | 2. Creata a branch for your feature/ idea. Please do give a good name for the branch that tells about the feature.
 93 | 3. Stage your changes
 94 | 4. Commit your changes
 95 | 5. Push the changes to your remote branch
 96 | 6. Open and Create a PR
 97 | 
 98 | <br />
 99 |   
100 | ## Note
101 |   <p> This capstone project is associated with <a href="https://www.almabetter.com">Almabetter</a>.</p>
102 | 
103 | ## Disclaimer
104 | <p> I don't own any of the logos or images used in the project all belongs to their respected owners. </p>
105 |   
106 | 


--------------------------------------------------------------------------------
/src/components/Portfolio.jsx:
--------------------------------------------------------------------------------
  1 | import React, { useState, useEffect } from "react";
  2 | import { Chart, registerables } from "chart.js";
  3 | import { Pie } from "react-chartjs-2";
  4 | 
  5 | Chart.register(...registerables);
  6 | 
  7 | const options = {
  8 |   responsive: true,
  9 |   plugins: {
 10 |     legend: {
 11 |       display: true,
 12 |       position: "right",
 13 |       labels: {
 14 |         color: "white",
 15 |         pointStyleWidth: 15,
 16 |         usePointStyle: true,
 17 |         pointStyle: "circle",
 18 |         padding: 20,
 19 |       },
 20 |     },
 21 |   },
 22 | };
 23 | 
 24 | export const Portfolio = () => {
 25 |   const [totalVolume, setTotalVolume] = useState("");
 26 |   const [data, setData] = useState({
 27 |     labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
 28 |     datasets: [
 29 |       {
 30 |         label: "# of Votes",
 31 |         data: [12, 19, 3, 5, 2, 3],
 32 |         backgroundColor: [
 33 |           "rgba(255, 99, 132, 0.2)",
 34 |           "rgba(54, 162, 235, 0.2)",
 35 |           "rgba(255, 206, 86, 0.2)",
 36 |         ],
 37 |         borderColor: [
 38 |           "rgba(255, 99, 132, 1)",
 39 |           "rgba(54, 162, 235, 1)",
 40 |           "rgba(255, 206, 86, 1)",
 41 |         ],
 42 |         borderWidth: 1,
 43 |       },
 44 |     ],
 45 |   });
 46 | 
 47 |   useEffect(() => {
 48 |     const fetchData = async () => {
 49 |       const url = `https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=tether%2Cethereum%2Cbitcoin&order=market_cap_desc`;
 50 |       const labelSet = [];
 51 |       const dataSet1 = [];
 52 |       await fetch(url)
 53 |         .then((data) => {
 54 |           // console.log("Api data", data)
 55 |           const res = data.json();
 56 |           return res;
 57 |         })
 58 |         .then((res) => {
 59 |           // console.log("ressss", res)
 60 |           for (const val of res) {
 61 |             dataSet1.push(val.market_cap);
 62 |             labelSet.push(val.name);
 63 |           }
 64 |           // console.log("dataset1" ,dataSet1)
 65 |           setData({
 66 |             labels: labelSet,
 67 |             datasets: [
 68 |               {
 69 |                 label: dataSet1,
 70 |                 data: dataSet1,
 71 |                 backgroundColor: ["#0077b6", "#ef476f", "#00afb9"],
 72 |                 borderColor: ["white"],
 73 |                 borderWidth: 0,
 74 |                 hoverOffset: 10,
 75 |                 hoverBorderWidth: 4,
 76 |               },
 77 |             ],
 78 |           });
 79 |           // console.log("arrData", dataSet1)
 80 |           setTotalVolume(
 81 |             dataSet1.reduce((partialSum, a) => partialSum + a, 0).toFixed(0)
 82 |           );
 83 |         })
 84 |         .catch((e) => {
 85 |           // console.log("error", e)
 86 |         });
 87 |     };
 88 |     fetchData();
 89 |   }, []);
 90 | 
 91 |   return (
 92 |     <>
 93 |       <div className="bg-white bg-opacity-10 backdrop-blur-md border border-gray-100 rounded-lg shadow-lg">
 94 |         <div className="mt-3">
 95 |           {" "}
 96 |           <span className="text-lg text-white font-semibold pt-6 ml-8">
 97 |             Portfolio{" "}
 98 |           </span>
 99 |           <span className="text-gray-300 lg:ml-[80px] xl:ml-[120px] text-sm md:ml-[70px] sm:ml-[10px] ml-[50px]">
100 |             Total Value
101 |           </span>{" "}
102 |           <span className="text-xs font-semibold text-gray-100">
103 |             {" "}
104 |             {new Intl.NumberFormat("en-IN", {
105 |               style: "currency",
106 |               currency: "usd",
107 |             }).format(totalVolume)}
108 |           </span>
109 |         </div>
110 | 
111 |         <div className="xl:w-[240px] xl:h-[180px] md:w-[240px] md:h-[20px] xl:ml-[100px] md:ml-[70px] w-[230px] h-[170px] ml-[60px] -mt-[15px]">
112 |           <Pie data={data} options={options} />
113 |         </div>
114 |         <div className="mt-7"> </div>
115 |       </div>
116 |     </>
117 |   );
118 | };
119 | 


--------------------------------------------------------------------------------
/src/components/Pagination.js:
--------------------------------------------------------------------------------
  1 | import React, { useContext } from "react";
  2 | import paginationArrow from "../assets/pagination-arrow.svg";
  3 | import { CryptoContext } from "../context/CryptoContext";
  4 | 
  5 | 
  6 | //pagination component resides in the sidebar component 
  7 | const Pagination = () => {
  8 |   const { cryptoData } = useContext(CryptoContext);
  9 | 
 10 |   const { totalPages, page, setPage, perPage } = useContext(CryptoContext);
 11 | 
 12 |   const TotalNumber = Math.ceil(totalPages / perPage);
 13 | 
 14 |   const next = () => {
 15 |     if (page === TotalNumber) {
 16 |       return null;
 17 |     } else {
 18 |       setPage(page + 1);
 19 |     }
 20 |   };
 21 | 
 22 |   const prev = () => {
 23 |     if (page === 1) {
 24 |       return null;
 25 |     } else {
 26 |       setPage(page - 1);
 27 |     }
 28 |   };
 29 | 
 30 |   const multiStepNext = () => {
 31 |     if (page + 3 >= TotalNumber) {
 32 |       setPage(TotalNumber - 1);
 33 |     } else {
 34 |       setPage(page + 3);
 35 |     }
 36 |   };
 37 | 
 38 |   const multiStepPrev = () => {
 39 |     if (page - 3 <= 1) {
 40 |       setPage(TotalNumber + 1);
 41 |     } else {
 42 |       setPage(page - 2);
 43 |     }
 44 |   };
 45 | 
 46 |   if (cryptoData && cryptoData.length >= perPage) {
 47 |     return (
 48 |       <div className="flex items-center justify-center">
 49 |         <ul className="flex items-center justify-end text-sm">
 50 |           <li className="flex items-center">
 51 |             <button className="outline-0 hover:text-cyan w-8" onClick={prev}>
 52 |               <img
 53 |                 className="w-full h-auto rotate-180"
 54 |                 src={paginationArrow}
 55 |                 alt="left"
 56 |               />
 57 |             </button>
 58 |           </li>
 59 | 
 60 |           {page - 1 !== TotalNumber && page === TotalNumber ? (
 61 |             <li>
 62 |               {" "}
 63 |               <button
 64 |                 onClick={multiStepPrev}
 65 |                 className="ouline-0 hover:text-blue-300  rounded-full w-8 h-8 flex items-center justify-center text-lg    "
 66 |               >
 67 |                 ...
 68 |               </button>
 69 |             </li>
 70 |           ) : null}
 71 | 
 72 |           {page - 1 !== 0 ? (
 73 |             <li>
 74 |               <button
 75 |                 onClick={prev}
 76 |                 className="ouline-0 hover:text-blue-300  rounded-full w-8 h-8 flex items-center justify-center bg-gray-200 mx-1.5"
 77 |               >
 78 |                 {" "}
 79 |                 {page - 1}{" "}
 80 |               </button>
 81 |             </li>
 82 |           ) : null}
 83 |           <li>
 84 |             <button
 85 |               disabled
 86 |               className="ouline-0 rounded-full w-8 h-8 flex items-center justify-center bg-blue-300 text-black mx-1.5"
 87 |             >
 88 |               {page}
 89 |             </button>
 90 |           </li>
 91 | 
 92 |           {page + 1 !== TotalNumber && page !== TotalNumber ? (
 93 |             <li>
 94 |               <button
 95 |                 onClick={next}
 96 |                 className="ouline-0 hover:text-blue-300  rounded-full w-8 h-8 flex items-center justify-center bg-gray-200 mx-1.5"
 97 |               >
 98 |                 {page + 1}
 99 |               </button>
100 |             </li>
101 |           ) : null}
102 | 
103 |           {page + 1 !== TotalNumber && page !== TotalNumber ? (
104 |             <li>
105 |               {" "}
106 |               <button
107 |                 onClick={multiStepNext}
108 |                 className="ouline-0 hover:text-blue-300  rounded-full w-8 h-8 flex items-center justify-center text-lg text-white"
109 |               >
110 |                 ...
111 |               </button>
112 |             </li>
113 |           ) : null}
114 | 
115 |           {page !== TotalNumber ? (
116 |             <li>
117 |               <button
118 |                 onClick={() => setPage(TotalNumber)}
119 |                 className="ouline-0 hover:text-blue-300  rounded-full w-8 h-8 flex items-center justify-center bg-gray-200 mx-1.5"
120 |               >
121 |                 {TotalNumber}
122 |               </button>
123 |             </li>
124 |           ) : null}
125 |           <li>
126 |             <button className="outline-0 hover:text-cyan w-8" onClick={next}>
127 |               <img
128 |                 className="w-full h-auto"
129 |                 src={paginationArrow}
130 |                 alt="right"
131 |               />
132 |             </button>
133 |           </li>
134 |         </ul>
135 |       </div>
136 |     );
137 |   } else {
138 |     return null;
139 |   }
140 | };
141 | 
142 | export default Pagination;
143 | 


--------------------------------------------------------------------------------
/src/components/ExchangeCoins.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { useDispatch, useSelector } from 'react-redux';
 3 | import { useEffect, useState } from 'react';
 4 | import { fetchCoinList } from '../redux/action/action';
 5 | import selectIcon from "../assets/select-icon.svg";
 6 | 
 7 | //user can exchange between cryptocurrencies
 8 | export const ExchangeCoins = () => {
 9 |   const dispatch = useDispatch();
10 |   const exchangeData = useSelector((state) => state.exchange);
11 |   // console.log('coin', exchangeData);
12 |   const [text1, settext1] = useState("");
13 |   const [text2, settext2] = useState(1);
14 |   const [units, setUnits] = useState([]);
15 |   const [value1, setvalue1] = useState(1);
16 |   const [value2, setvalue2] = useState(1);
17 |   const coin = exchangeData.coinList.rates;
18 | 
19 |   
20 |   useEffect(() => {
21 |     if (exchangeData.coinList.length === 0) {
22 |         dispatch(fetchCoinList());
23 |     }
24 | }, []);
25 | 
26 |   const convert = () => {
27 |     const unit = Object.values(coin).find((unit)=>{
28 |       return unit.value==value2
29 |     })
30 |     // console.log('unit',unit,'value2',value2)
31 |     console.log("value",Object.values(coin))
32 |     setUnits(unit.unit)
33 |     let result = (value2 / value1) * text1;
34 |     settext2(result);
35 |   }
36 | 
37 |   return (
38 |     <div className="px-4 py-4 font-body bg-white bg-opacity-10 backdrop-blur-md rounded-lg border border-gray-200 shadow-lg items-center">
39 |     <h4 className="text-white text-lg font-semibold ml-5">Exchange Coins</h4>
40 |     <div className="flex flex-row mt-8">
41 |         <div className="pr-4 items-center">
42 |             <div className="flex my-1 content-center items-center py-1 px-2 lg:ml-3">
43 |                 <p className="text-red-500 font-semibold mr-3 text-xs">Sell</p>
44 |                 <select
45 |                     onChange={(e) => setvalue1(e.target.value)}
46 |                     className="lg:pl-8 w-[130px] h-[2rem] font-semibold rounded-lg p-1 text-white bg-gray-100 bg-opacity-30 backdrop-blur-md focus:ring-2 focus:outline-none px-5 inline-flex cursor-pointer"
47 |                 >
48 |                     {coin && Object.values(coin).map((d, k) => (
49 |                         <option key={k} value={d.value} className='text-gray-600'>
50 |                             {d.name}
51 |                         </option>
52 |                     ))}
53 |                  
54 |                 </select>
55 |                 <img src={selectIcon} alt="selecticon" className="w-[0.7rem] h-auto relative lg:right-[0.9rem] md:right-[1rem] sm:right-[1rem] right-4 pointer-events-none" />
56 |             </div>
57 |                 <div className="flex my-2 content-center items-center py-1 px-2 lg:ml-3">
58 |                 <p className="text-green-300 font-semibold mr-3 text-xs">Buy</p>
59 |                 <select
60 |                     onChange={(e) => setvalue2(e.target.value)}
61 |                     className="lg:pl-8 w-[130px] h-[2rem] font-semibold rounded-lg text-white bg-gray-100 bg-opacity-30 backdrop-blur-md focus:ring-2 focus:outline-none px-5 items-center cursor-pointer"
62 |                 >
63 |                     {coin && Object.values(coin).map((d, k) => (
64 |                         <option key={k} value={d.value} className='text-gray-600'>
65 |                            {d.name}
66 |                         </option>
67 |                     ))}
68 |                 </select>
69 |                 <img src={selectIcon} alt="selecticon" className="w-[0.7rem] h-auto relative lg:right-[0.9rem] right-[1rem] sm:right-[1rem] pointer-events-none" />
70 |             </div>
71 |         </div>
72 |         <div className="-mt-5 mr-3 lg:pl-10">
73 |             <div>
74 |                 <label className="text-xs text-gray-200">
75 |                     Enter value
76 |                 </label>
77 |                 <div className='mr-[90px] lg:w-[90px] md:w-full sm:w-[90px] w-full py-2'>
78 |                 <input
79 |                     type="number"
80 |                     className="appearance-none block w-full bg-gray-100 bg-opacity-20 backdrop-blur-md text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-gray-500 rounded border border-gray-400 px-3 py-1 text-sm outline-none pt-2 pb-2"
81 |                     placeholder=""
82 |                     value={text1 || ""}
83 |                     onChange={(e) => settext1(e.target.value)}
84 |                 />
85 |                 </div>
86 |                 <p className="mt-4 text-green-400 text-sm text-transform:capitalize">{parseFloat(text2).toFixed(2)} {units}</p>
87 |             </div>
88 |         </div>
89 |     </div>
90 |     <div className="text-center mt-4 pb-4">
91 |         <button onClick={() => convert()} className="bg-gray-500 background-opacity-10 backdrop-blur-md rounded-lg text-sm py-2 px-6 text-white font-semibold hover:bg-gray-600 border border-white">
92 |             Exchange
93 |         </button>
94 |     </div>
95 | </div>
96 |   )
97 | }
98 | 
99 | 


--------------------------------------------------------------------------------
/src/components/SearchBar.js:
--------------------------------------------------------------------------------
  1 | import debounce from "lodash.debounce";
  2 | import React, { useContext, useRef, useState } from "react";
  3 | import { CryptoContext } from "../context/CryptoContext";
  4 | import selectIcon from "../assets/select-icon.svg";
  5 | import "../App.css";
  6 | 
  7 | // user can search cryptos which will result in sidebar
  8 | const SearchInput = ({ handleSearch }) => {
  9 |   const [searchText, setSearchText] = useState("");
 10 |   const { searchData, setCoinSearch, setSearchData } =  useContext(CryptoContext);
 11 | 
 12 |   let handleInput = (e) => {
 13 |     e.preventDefault();
 14 |     let query = e.target.value;
 15 |     setSearchText(query);
 16 |     handleSearch(query);
 17 |   };
 18 | 
 19 |   const selectCoin = (coin) => {
 20 |     setCoinSearch(coin);
 21 |     setSearchText("");
 22 |     setSearchData();
 23 |   };
 24 | 
 25 |   return (
 26 |     <>
 27 |       <form className="flex pl-2 w-full font-body">
 28 |         <div className="flex flex-grow rounded-sm shadow-md">
 29 |           <div className="flex flex-grow items-center text-white">
 30 |             <span className="absolute text-[13px] lg:text-[13px] sm:text-[12px] md:text-[14px] ml-6 z-10">
 31 |               <svg
 32 |                 xmlns="http://www.w3.org/2000/svg"
 33 |                 width="2em"
 34 |                 height="2em"
 35 |                 preserveAspectRatio="xMidYMid meet"
 36 |                 viewBox="0 0 24 24"
 37 |               >
 38 |                 <path
 39 |                   fill="white"
 40 |                   d="m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7c-3.868 0-7 3.132-7 7c0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"
 41 |                 />
 42 |               </svg>
 43 |             </span>
 44 |             <input
 45 |               type="search"
 46 |               name="searchText"
 47 |               id="searchTextDesktop"
 48 |               required
 49 |               value={searchText}
 50 |               onChange={handleInput}
 51 |               className="flex border border-gray-100 shadow-lg focus:ring-1 bg-white bg-opacity-10 backdrop-blur-md
 52 |                md:text-md sm:text-md w-full pl-14 py-3 pr-2 p rounded-lg overflow-hidden focus-within:shadow-none outline-none sm:items-center"
 53 |               placeholder="Search by coin"
 54 |             />
 55 |           </div>
 56 |         </div>
 57 |       </form>
 58 |       {searchText.length > 0 ? (
 59 |         <ul
 60 |         id="searchbar"
 61 |           className="absolute top-14 -right-2 w-full h-96 mr-2 rounded
 62 | overflow-x-hidden py-2 bg-gray-300 bg-opacity-60 overflow-scroll scrollbar-thin
 63 | backdrop-blur-md z-10
 64 | "
 65 |         >
 66 |           {searchData ? (
 67 |             searchData.map((coin) => {
 68 |               return (
 69 |                 <li
 70 |                   className="flex items-center ml-4 my-2 cursor-pointer"
 71 |                   key={coin.id}
 72 |                   onClick={() => selectCoin(coin.id)}
 73 |                 >
 74 |                   <img className="w-[1rem] h-[1rem] mx-1.5" src={coin.thumb} />
 75 | 
 76 |                   <span>{coin.id}</span>
 77 |                 </li>
 78 |               );
 79 |             })
 80 |           ) : (
 81 |             <div className="w-full h-full mt-8 flex justify-center items-center">
 82 |               <div
 83 |                 className="w-8 h-8 flex border-4 border-gray-600 rounded-full border-b-gray-200 animate-spin"
 84 |                 role="status"
 85 |               />
 86 |               <span className="ml-2 font-semibold">Searching...</span>
 87 |             </div>
 88 |           )}
 89 |          <div className="w-full h-full mt-4 flex justify-center items-center font-semibold">Not found</div>
 90 |         </ul>
 91 |       ) : null }
 92 |     </>
 93 |   );
 94 | };
 95 | 
 96 | export const SearchBar = () => {
 97 |   const { getSearchResult, setCurrency, currency } = useContext(CryptoContext);
 98 |   const currencyRef = useRef();
 99 | 
100 |   const handleCurrency = (e) => {
101 |     e.preventDefault();
102 |     let val = currencyRef.current.value;
103 |     setCurrency(val);
104 |     currencyRef.current.value = "";
105 |   };
106 | 
107 |   /* lodash debounce function returns a debounced function 
108 |   that when called will execute a function after X milliseconds pass since its last execution. */
109 |   
110 |   const debounceFunc = debounce(function (val) {
111 |     getSearchResult(val);
112 |   }, 2000);
113 | 
114 |   return (
115 |     <>
116 |       <div className="flex">
117 |         <span className="flex shadow-md rounded-lg">
118 |           <select
119 |             value={currency}
120 |             onChange={handleCurrency}
121 |             ref={currencyRef}
122 |             className="border border-gray-100 text-gray-100 outline-none font-body pr-3 pl-2 rounded-lg w-[90px] md:w-[90px] sm:w-[90px] cursor-pointer bg-white bg-opacity-10 backdrop-blur-md z-1"
123 |           >
124 |             <option className="text-gray-600" value={"usd"}>USD</option>
125 |             <option className="text-gray-600" value={"inr"}>INR</option>
126 |             <option className="text-gray-600" value={"eur"}>EUR</option>
127 |             <option className="text-gray-600" value={"jpy"}>JPY</option>
128 |             <option className="text-gray-600" value={"aud"}>AUD</option>
129 |             <option className="text-gray-600" value={"nzd"}>NZD</option>
130 |             <option className="text-gray-600" value={"cad"}>CAD</option>
131 |             <option className="text-gray-600" value={"gbp"}>GBP</option>
132 |           </select>
133 |           <img
134 |           src={selectIcon}
135 |           alt="submit"
136 |           className=" w-[0.7rem] relative h-[1rem] top-4 right-[0.9rem] cursor-pointer"
137 |         />
138 |           
139 |         </span>
140 |         
141 | 
142 |         <div className="relative w-full">
143 |           <SearchInput handleSearch={debounceFunc} />
144 |         </div>
145 |       </div>
146 |     </>
147 |   );
148 | };
149 | 


--------------------------------------------------------------------------------
/src/components/SideBar.js:
--------------------------------------------------------------------------------
  1 | import React, { useContext } from "react";
  2 | import { CryptoContext } from "../context/CryptoContext";
  3 | import selectIcon from "../assets/select-icon.svg";
  4 | import Pagination from "./Pagination";
  5 | 
  6 | 
  7 | /* sidebar contains crypto details such as CoinName, market cap,
  8 | and 24h price change, filter options like sorting and reset button */
  9 |  
 10 | export const SideBar = () => {
 11 |   const { cryptoData, setSortBy, resetFunction, currency } = useContext(CryptoContext);
 12 | 
 13 | 
 14 |   return (
 15 |     <div className="bg-gray-300 bg-opacity-10 backdrop-blur-md border border-gray-100 rounded-lg shadow-lg">
 16 |       <div data-testid="Sidebar-1">
 17 |         <p className="text-white text-md text-center mt-4 font-semibold">
 18 |           Cryptocurrency By Market Cap
 19 |         </p>
 20 |       </div>
 21 | 
 22 |       {/* user can sort between cryptocurrencies */}
 23 |       <label className="flex relative justify-end mt-2 items-center ">
 24 |         <select
 25 |           id="Sorting Options"
 26 |           name="sortby"
 27 |           onChange={(e) => setSortBy(e.target.value)}
 28 |           className="rounded text-white bg-gray-100 bg-opacity-30 backdrop-blur-md text-[14px] mr-20 pr-4 pl-2 py-0.5 capitalize focus:outline-0 cursor-pointer"
 29 |         >
 30 |           <option className="text-gray-600" value="">sortby</option>
 31 |           <option className="text-gray-600" value="market_cap_desc">market cap desc</option>
 32 |           <option className="text-gray-600" value="market_cap_asc">market cap asc</option>
 33 |           <option className="text-gray-600" value="volume_desc">volume desc</option>
 34 |           <option className="text-gray-600" value="volume_asc">volume asc</option>
 35 |           <option className="text-gray-600" value="id_desc">id desc</option>
 36 |           <option className="text-gray-600" value="id_asc">id asc</option>
 37 |           <option className="text-gray-600" value="gecko_desc">gecko desc</option>
 38 |           <option className="text-gray-600" value="gecko_asc">gecko asc</option>
 39 |         </select>
 40 |         <img
 41 |           src={selectIcon}
 42 |           alt="submit"
 43 |           className="w-[0.7rem] h-auto absolute 
 44 |           right-[5.2rem] pointer-events-none"
 45 |         />
 46 | 
 47 |       {/* user can reset the sidebar with reset button */}
 48 |       <button
 49 |           className="w-[1.6rem] flex absolute hover:scale-110 transition-all transition-ease"
 50 |           onClick={resetFunction}
 51 |         >
 52 |           <svg
 53 |             xmlns="http://www.w3.org/2000/svg"
 54 |             width="1em"
 55 |             height="1em"
 56 |             viewBox="0 0 24 24"
 57 |             className="w-full h-full fill-gray-200"
 58 |             style={{
 59 |               msTransform: "rotate(360deg)",
 60 |               WebkitTransform: "rotate(360deg)",
 61 |               transform: "rotate(360deg)",
 62 |             }}
 63 |           >
 64 |             <path d="M12 16c1.671 0 3-1.331 3-3s-1.329-3-3-3-3 1.331-3 3 1.329 3 3 3z" />
 65 |             <path d="M20.817 11.186a8.94 8.94 0 0 0-1.355-3.219 9.053 9.053 0 0 0-2.43-2.43 8.95 8.95 0 0 0-3.219-1.355 9.028 9.028 0 0 0-1.838-.18V2L8 5l3.975 3V6.002c.484-.002.968.044 1.435.14a6.961 6.961 0 0 1 2.502 1.053 7.005 7.005 0 0 1 1.892 1.892A6.967 6.967 0 0 1 19 13a7.032 7.032 0 0 1-.55 2.725 7.11 7.11 0 0 1-.644 1.188 7.2 7.2 0 0 1-.858 1.039 7.028 7.028 0 0 1-3.536 1.907 7.13 7.13 0 0 1-2.822 0 6.961 6.961 0 0 1-2.503-1.054 7.002 7.002 0 0 1-1.89-1.89A6.996 6.996 0 0 1 5 13H3a9.02 9.02 0 0 0 1.539 5.034 9.096 9.096 0 0 0 2.428 2.428A8.95 8.95 0 0 0 12 22a9.09 9.09 0 0 0 1.814-.183 9.014 9.014 0 0 0 3.218-1.355 8.886 8.886 0 0 0 1.331-1.099 9.228 9.228 0 0 0 1.1-1.332A8.952 8.952 0 0 0 21 13a9.09 9.09 0 0 0-.183-1.814z" />
 66 |             <path fill="rgba(0, 0, 0, 0)" d="M0 0h24v24H0z" />
 67 |           </svg>
 68 |         </button>
 69 | 
 70 |         
 71 |       </label>
 72 |       
 73 |       <div>
 74 |         {cryptoData ? (
 75 |           <table className="w-full table-auto">
 76 |             <tbody>
 77 |               {cryptoData.map((cryptoData) => {
 78 |                 return (
 79 |                   <div
 80 |                     key={cryptoData.id}
 81 |                     className="text-center text-lg border-b border-gray-100 hover:bg-gray-600 last:border-b-0"
 82 |                   >
 83 |                     <img
 84 |                       src={cryptoData.image}
 85 |                       alt={cryptoData.name}
 86 |                       className="flex absolute w-[1.1rem] h-[1.1rem] ml-3 mt-2"
 87 |                     />
 88 | 
 89 |                     <span className="flex flex-row pl-9 mt-2 text-[13px] font-semibold text-white">
 90 |                       {cryptoData.name}
 91 |                     </span>
 92 | 
 93 |                     <div className="flex flex-row justify-end mr-2">
 94 |                       <div
 95 |                         className={`text-[12px] font-semibold ${
 96 |                           cryptoData.market_cap_change_percentage_24h > 0
 97 |                             ? "text-green-500 "
 98 |                             : "text-orange-400 "
 99 |                         }`}
100 |                       >
101 |                         <i
102 |                           className={`mr-1 text-xs ${
103 |                             cryptoData.market_cap_change_percentage_24h > 0
104 |                               ? "fa-solid fa-caret-up"
105 |                               : "fa-solid fa-caret-down"
106 |                           }`}
107 |                         ></i>
108 |                         <span>
109 |                           {parseFloat(
110 |                             cryptoData.market_cap_change_percentage_24h
111 |                           ).toFixed(2)} %
112 |                         </span>
113 |                       </div>
114 |                     </div>
115 | 
116 |                     <div className="-ml-9">
117 |                       <span className="text-[11px] -mt-8 ml-3 text-gray-200 font-semibold flex pl-8 mx-4 mb-4 truncate">
118 |                         Mkt.Cap{" "}
119 |                         {new Intl.NumberFormat("en-IN", {
120 |                           style: "currency" ,
121 |                           currency: currency,
122 |                         }).format(cryptoData.market_cap)}
123 |                       </span>
124 |                     </div>
125 |                   </div>
126 |                 );
127 |               })}
128 |             </tbody>
129 |           </table>
130 |         ) : null}
131 |       </div>
132 | 
133 |       <Pagination />
134 |     </div>
135 |   );
136 | };
137 | 
138 | export default SideBar;
139 | 


--------------------------------------------------------------------------------
/src/assets/1127-success.json:
--------------------------------------------------------------------------------
1 | {"v":"5.0.1","fr":29.9700012207031,"ip":0,"op":45.0000018328876,"w":512,"h":512,"nm":"Comp 1","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.572],"y":[0.556]},"o":{"x":[0.167],"y":[0.167]},"n":["0p572_0p556_0p167_0p167"],"t":7,"s":[100],"e":[92.154]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.641],"y":[0.056]},"n":["0p833_0p833_0p641_0p056"],"t":13,"s":[92.154],"e":[30]},{"t":17.0000006924242}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[256,256,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-230,4],[214,4]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.23137254902,0.741176470588,0.36862745098,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":70,"ix":5},"lc":2,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.588],"y":[-51709.363]},"o":{"x":[0.167],"y":[0.167]},"n":["0p588_-51709p363_0p167_0p167"],"t":7,"s":[0],"e":[0]},{"i":{"x":[0.696],"y":[0.999]},"o":{"x":[0.509],"y":[0.003]},"n":["0p696_0p999_0p509_0p003"],"t":10,"s":[0],"e":[100]},{"t":16.0000006516934}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.566],"y":[0.999]},"o":{"x":[0.457],"y":[0.063]},"n":["0p566_0p999_0p457_0p063"],"t":7,"s":[0],"e":[100]},{"t":16.0000006516934}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":150.000006109625,"st":0,"bm":0}]},{"id":"comp_1","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[256,256,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0,0],"y":[0.997,0.997]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"n":["0_0p997_0p167_0p167","0_0p997_0p167_0p167"],"t":24,"s":[40,40],"e":[90,90]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.574,0.574],"y":[-0.004,-0.004]},"n":["0p833_0p833_0p574_-0p004","0p833_0p833_0p574_-0p004"],"t":27,"s":[90,90],"e":[18.394,18.394]},{"t":38.0000015477717}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"n":"0p667_1_0p167_0p167","t":24,"s":[-181.074,-5.414],"e":[200,-5.414],"to":[34.0465698242188,0],"ti":[-26.72825050354,0]},{"t":38.0000015477717}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":24,"s":[0],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":25,"s":[100],"e":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":29,"s":[100],"e":[0]},{"t":38.0000015477717}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":150.000006109625,"st":0,"bm":0}]},{"id":"comp_2","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.572],"y":[0.556]},"o":{"x":[0.167],"y":[0.167]},"n":["0p572_0p556_0p167_0p167"],"t":10,"s":[100],"e":[92.154]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.641],"y":[0.056]},"n":["0p833_0p833_0p641_0p056"],"t":16,"s":[92.154],"e":[30]},{"t":20.0000008146167}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[256,256,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-230,4],[214,4]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.23137254902,0.741176470588,0.36862745098,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":70,"ix":5},"lc":2,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.588],"y":[-51709.363]},"o":{"x":[0.167],"y":[0.167]},"n":["0p588_-51709p363_0p167_0p167"],"t":10,"s":[0],"e":[0]},{"i":{"x":[0.696],"y":[0.999]},"o":{"x":[0.509],"y":[0.003]},"n":["0p696_0p999_0p509_0p003"],"t":13,"s":[0],"e":[100]},{"t":19.0000007738859}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.566],"y":[0.999]},"o":{"x":[0.457],"y":[0.063]},"n":["0p566_0p999_0p457_0p063"],"t":10,"s":[0],"e":[100]},{"t":19.0000007738859}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":150.000006109625,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"trait","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":90,"ix":10},"p":{"a":0,"k":[263.334,471.109,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[15,15,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"trait","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[51.641,253.275,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[15,15,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"trait","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-90,"ix":10},"p":{"a":0,"k":[266.322,44.315,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[15,15,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":0,"nm":"trait","refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[469.91,258.792,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[15,15,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"firefly","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-18.097,"ix":10},"p":{"a":0,"k":[400.635,189.708,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[20,20,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"firefly","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-72.471,"ix":10},"p":{"a":0,"k":[359.413,150.912,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[20,20,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":0,"nm":"firefly","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-45.707,"ix":10},"p":{"a":0,"k":[396.894,150.961,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[30,30,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":0,"nm":"trait 2","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-135.205,"ix":10},"p":{"a":0,"k":[410.865,406.53,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[-19.512,19.512,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":0,"nm":"trait 2","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-45.606,"ix":10},"p":{"a":0,"k":[105.535,402.598,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[-19.512,19.512,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":0,"nm":"trait 2","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-135.205,"ix":10},"p":{"a":0,"k":[104.864,111.71,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[19.512,19.512,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":11,"ty":0,"nm":"trait 2","refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-45.606,"ix":10},"p":{"a":0,"k":[416.722,113.206,0],"ix":2},"a":{"a":0,"k":[256,256,0],"ix":1},"s":{"a":0,"k":[19.512,19.512,100],"ix":6}},"ao":0,"w":512,"h":512,"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[236.888,240.258,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[69.59,69.59,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-76.426,37.999],[12.056,114.074],[169.991,-68.635]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":35,"ix":5},"lc":2,"lj":1,"ml":4,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[-7,11],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[-2.986]},"o":{"x":[0.167],"y":[0]},"n":["0p833_-2p986_0p167_0"],"t":0,"s":[0],"e":[0]},{"i":{"x":[0],"y":[0.973]},"o":{"x":[0.167],"y":[0.042]},"n":["0_0p973_0p167_0p042"],"t":14.791,"s":[0],"e":[32]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.828],"y":[0.011]},"n":["0p833_0p833_0p828_0p011"],"t":19.791,"s":[32],"e":[100]},{"t":24.7912510097683}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":150.000006109625,"st":0,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[256,256,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[80,80,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":1,"k":[{"i":{"x":[0.976,0.976],"y":[0.968,0.968]},"o":{"x":[0.654,0.654],"y":[0.007,0.007]},"n":["0p976_0p968_0p654_0p007","0p976_0p968_0p654_0p007"],"t":0,"s":[0,0],"e":[401.025,401.025]},{"i":{"x":[0.468,0.468],"y":[1.057,1.057]},"o":{"x":[0.346,0.346],"y":[-4.83,-4.83]},"n":["0p468_1p057_0p346_-4p83","0p468_1p057_0p346_-4p83"],"t":7,"s":[401.025,401.025],"e":[372.7,372.7]},{"i":{"x":[0.375,0.375],"y":[1.543,1.543]},"o":{"x":[0.364,0.364],"y":[0.031,0.031]},"n":["0p375_1p543_0p364_0p031","0p375_1p543_0p364_0p031"],"t":12,"s":[372.7,372.7],"e":[401.025,401.025]},{"i":{"x":[0.833,0.833],"y":[1,1]},"o":{"x":[0.327,0.327],"y":[-8.038,-8.038]},"n":["0p833_1_0p327_-8p038","0p833_1_0p327_-8p038"],"t":16,"s":[401.025,401.025],"e":[401.025,401.025]},{"t":20.0000008146167}],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.229886716955,0.739552696078,0.369435897528,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[5.992,3.49],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":150.000006109625,"st":0,"bm":0}]}


--------------------------------------------------------------------------------
/src/components/CryptoChart.js:
--------------------------------------------------------------------------------
  1 | import React, { useEffect, useContext, useState } from "react";
  2 | import { Line, Bar } from "react-chartjs-2";
  3 | import { Chart, registerables } from "chart.js";
  4 | import { CryptoContext } from "../context/CryptoContext";
  5 | import selectIcon from "../assets/select-icon.svg";
  6 | 
  7 | Chart.register(...registerables);
  8 | 
  9 | //this component contains charts , dropdowns and buttons related to charts
 10 | export const CryptoChart = () => {
 11 |   const { currency, cryptoId } = useContext(CryptoContext);
 12 |   const [chartData, setChartData] = useState([]);
 13 |   const [days, setDays] = useState(2);
 14 |   const [id, setId] = useState("bitcoin");
 15 |   const [interval, setInterval] = useState([]);
 16 |   const [chartType, setChartType] = useState("LineChart");
 17 | 
 18 |   useEffect(() => {
 19 |     fetch(
 20 |       `https://api.coingecko.com/api/v3/coins/${id}/market_chart?vs_currency=${currency}&days=${days}&interval=${interval}`
 21 |     ).then((response) => {
 22 |       const res = response.json();
 23 |       res.then((data) => {
 24 |         // console.log("chartData", data);
 25 |         setChartData(data.prices);
 26 |       });
 27 |     });
 28 |   }, [days, id, currency]);
 29 | 
 30 |   const ChartData = chartData.map((value) => ({
 31 |     x: value[0],
 32 |     y: value[1].toFixed(2),
 33 |   }));
 34 | 
 35 |   function oneDay() {
 36 |     setInterval((prevInterval) => "hourly");
 37 |     setDays((prevDays) => 1);
 38 |   }
 39 |   function oneWeek() {
 40 |     setDays((prevDays) => 7);
 41 |     setInterval((prevInterval) => "daily");
 42 |   }
 43 |   function oneMonth() {
 44 |     setDays((prevDays) => 30);
 45 |     setInterval((prevInterval) => "daily");
 46 |   }
 47 |   function sixMonths() {
 48 |     setDays((prevDays) => 180);
 49 |     setInterval((prevInterval) => "monthly");
 50 |   }
 51 |   function oneYear() {
 52 |     setDays((prevDays) => 365);
 53 |     setInterval((prevInterval) => "yearly");
 54 |   }
 55 | 
 56 |   return (
 57 |     <div className="container-fluid w-full h-96 border border-gray-100 bg-gray-200 bg-opacity-10 backdrop-blur-md my-5 rounded-lg shadow-sm px-4 pt-3 lg:mt-3">
 58 |       
 59 |       <div className="text-gray-300 flex py-0 pt-20 ml-4 absolute text-md font-semibold">
 60 |           {currency.toUpperCase()}
 61 |         </div>
 62 |       <div className="flex lg:gap-3 absolute items-center lg:ml-48 md:ml-16 sm:ml-28 ml-16 gap-2 lg:left-34 left-4 md:mt-3 lg:mt-3 sm:mt-3 mt-3">
 63 | 
 64 |         <button
 65 |           value={1}
 66 |           className={`px-3 py-1.5 ${
 67 |             days === 1 ? " border-white border text-black" : ""
 68 |           } rounded-md text-xs text-white bg-gray-100 bg-opacity-30 backdrop-blur-md font-semibold lg:mt-2`}
 69 |           onClick={oneDay}
 70 |         >
 71 |           1D
 72 |         </button>
 73 | 
 74 |         <button
 75 |           value={7}
 76 |           onClick={oneWeek}
 77 |           className={`px-3 py-1.5 ${
 78 |             days === 7 ? " border-white border text-black" : ""
 79 |           } rounded-md text-xs bg-gray-100 font-semibold lg:mt-2 text-white bg-opacity-30 backdrop-blur-md`}
 80 |         >
 81 |           1W
 82 |         </button>
 83 |         <button
 84 |           value={30}
 85 |           onClick={oneMonth}
 86 |           className={`px-3 py-1.5 ${
 87 |             days === 30 ? " border-white border text-black" : ""
 88 |           } rounded-md text-xs bg-gray-100 font-semibold lg:mt-2 text-white bg-opacity-30 backdrop-blur-md`}
 89 |         >
 90 |           1M
 91 |         </button>
 92 |         <button
 93 |           value={180}
 94 |           onClick={sixMonths}
 95 |           className={`px-3 py-1.5 ${
 96 |             days === 180 ? " border-white border text-black" : ""
 97 |           } rounded-md text-xs bg-gray-100 font-semibold lg:mt-2 text-white bg-opacity-30 backdrop-blur-md`}
 98 |           >
 99 |           6M
100 |         </button>
101 |         <button
102 |           value={365}
103 |           onClick={oneYear}
104 |           className={`px-3 py-1.5 ${
105 |             days === 365 ? " border-white border text-black" : ""
106 |           } rounded-md text-xs bg-gray-100 font-semibold lg:mt-2 text-white bg-opacity-30 backdrop-blur-md`}
107 |         >
108 |           1Y
109 |         </button>
110 |         {/* this menu contains cryptocurrencies */}
111 |         <div className="flex absolute items-center rounded-md bg-gray-100 text-white bg-opacity-30 backdrop-blur-md p-2 w-24 lg:left-[16rem] lg:mt-4 md:left-[25rem] md:mt-4 sm:right-[9rem] mt-20 ml-2">
112 |           <select
113 |             onChange={(e) => {
114 |               setId(e.target.value);
115 |             }}
116 |             className="w-full bg-transparent text-transform: capitalize outline-none -mr-2"
117 |           >
118 |             {cryptoId &&
119 |               Object.values(cryptoId).map((d, k) => (
120 |                 <option key={k} value={d.id} name={d.name} className="text-gray-600">
121 |                   {d.id}
122 |                 </option>
123 |               ))}
124 |           </select>
125 |           <span>
126 |           <img src={selectIcon} alt="selecticon" className="w-[0.7rem] h-auto relative lg:right-[0.4rem] right-[0.4rem] sm:right-[0.4rem] pointer-events-none" />
127 |           </span>
128 |           {/* user can select different types of charts */}
129 |           <div className="rounded-md bg-gray-100 bg-opacity-30 backdrop-blur-md text-white p-2 absolute lg:left-[6rem] md:left-[6rem] left-[6rem] w-28 ml-5">
130 |             <select
131 |               onChange={(e) => setChartType(e.target.value)}
132 |               className="text-white bg-transparent outline-none w-full sm:justify-center"
133 |             >
134 |               <option className="text-gray-600" value={`LineChart`}>Line Chart</option>
135 |               <option className="text-gray-600" value={`BarChart`}>Bar Chart</option>
136 |               <option className="text-gray-600" value={`BarChartH`}>Bar Chart Horizontal</option>
137 |              
138 |             </select>
139 |             <span className="absolute top-[0.9rem] right-[0.7rem] w-[0.7rem] h-auto">
140 |           <img src={selectIcon} alt="selecticon" className="lg:right-[0.4rem] right-[0.4rem] sm:right-[0.4rem] pointer-events-none" />
141 |           </span>
142 |             
143 |           </div>
144 |         </div>
145 |       </div>
146 | 
147 |       {chartType === "LineChart" ? (
148 |         <div className="row mx-2">
149 |           <div className="w-full h-[300px] my-8 mt-16 px-2">
150 |             <Line
151 |               height={500}
152 |               datasetIdKey="id"
153 |               data={{
154 |                 labels: ChartData.map((val) => {
155 |                   let date = new Date(val.x);
156 |                   let time =
157 |                     date.getHours() > 12
158 |                       ? `${date.getHours() - 12}:${date.getMinutes()}PM`
159 |                       : `${date.getHours()}:${date.getMinutes()}AM`;
160 |                   return days === 1 ? time : date.toLocaleDateString("default",{
161 |                     month:"short",
162 |                     day: "numeric",
163 |                     year : "numeric"
164 |                   });
165 |                 }),
166 |                 datasets: [
167 |                   {
168 |                     spanGaps: true,
169 |                     id: 1,
170 |                     borderColor: "#FFA500",
171 |                     backgroundColor: "#FFA500",
172 |                     pointBorderColor: "transparent",
173 |                     pointBorderWidth: 3,
174 |                     pointRadius: 2,
175 |                     label: `${id} in ${currency}`,
176 |                     data: ChartData.map((val) => val.y),
177 |                   },
178 |                 ],
179 |               }}
180 |               options={{
181 |                 color: "white",
182 |                 responsive: true,
183 |                 indexAxis: "x",
184 |                 tension: 0.01,
185 |                 scales: {
186 |                   x: {
187 |                     grid: {
188 |                       display: false,
189 |                       drawBorder: false,
190 |                       borderDash: [6],
191 |                       border: false,
192 |                     },
193 |                     ticks: {
194 |                       source: "auto",
195 |                       maxTicksLimit: 20,
196 |                       font: {
197 |                         size: "10px",
198 |                       },
199 |                       color: "white",
200 |                     },
201 |                   },
202 |                   y: {
203 |                     grid: {
204 |                       border: false,
205 |                       drawBorder: false,
206 |                     },
207 |                     ticks : {
208 |                       color : "white"
209 |                     }
210 |                   },
211 |                 },
212 |                 plugins: {
213 |                   tooltip: {
214 |                     displayColors: false,
215 |                     backgroundColor: "gray",
216 |                   },
217 |                   legend: {
218 |                     display: true,
219 |                     align : "end",
220 |                     labels: {
221 |                       color : "white",
222 |                       pointStyleWidth : 15,
223 |                       usePointStyle: true,
224 |                       pointStyle: "circle",
225 |                       padding: 2,
226 |                     },
227 |                   },
228 |                   title: {
229 |                     display: true,
230 |                   },
231 |                 },
232 |                 maintainAspectRatio: false,
233 |               }}
234 |             />
235 |           </div>
236 |         </div>
237 |       ) : chartType === "BarChart" ? (
238 |         <div className="row mx-2">
239 |           <div
240 |             className="w-full h-[400px] my-10 px-2 mt-16"
241 |             style={{ height: 290 }}
242 |           >
243 |             <Bar
244 |               data={{
245 |                 labels: ChartData.map((val) => {
246 |                   let date = new Date(val.x);
247 |                   let time =
248 |                     date.getHours() > 12
249 |                       ? `${date.getHours() - 12}:${date.getMinutes()}PM`
250 |                       : `${date.getHours()}:${date.getMinutes()}AM`;
251 |                   return days === 1 ? time : date.toLocaleDateString("default",{
252 |                     month:"short",
253 |                     day: "numeric",
254 |                     year : "numeric"
255 |                   });
256 |                 }),
257 |                 datasets: [
258 |                   {
259 |                     label: `${id} in ${currency}`,
260 |                     data: ChartData.map((val) => val.y),
261 |                     borderColor: "#FFA500",
262 |                     backgroundColor: "#FFA500",
263 |                   },
264 |                 ],
265 |               }}
266 |               options={{
267 |                 responsive: true,
268 |                 indexAxis: "x",
269 |                 scales: {
270 |                   x: {
271 |                     grid: {
272 |                       display: false,
273 |                     },
274 |                     ticks: {
275 |                       maxTicksLimit: 20,
276 |                       color : "white",
277 |                     },
278 |                   },
279 |                   y : {
280 |                     ticks : {
281 |                       color : "white",
282 |                     }
283 |                   }
284 |                 },
285 |                 plugins: {
286 |                   legend: {
287 |                     display: true,
288 |                     align: "end",
289 |                       labels: {
290 |                         color : "white",
291 |                         pointStyleWidth : 15,
292 |                         usePointStyle: true,
293 |                         pointStyle: "circle",
294 |                         padding: 5,
295 |                       },
296 |                   },
297 |                   title: {
298 |                     display: true,
299 |                   },
300 |                 },
301 |                 maintainAspectRatio: false,
302 |               }}
303 |             />
304 |           </div>
305 |         </div>
306 |       ) : (
307 |         <div className="row mx-2">
308 |           <div
309 |             className="w-full h-[300px] my-10 px-8 mt-16"
310 |             style={{ height: 290 }}
311 |           >
312 |             <Bar
313 |               data={{
314 |                 labels: ChartData.map((val) => {
315 |                   let date = new Date(val.x);
316 |                   let time =
317 |                     date.getHours() > 12
318 |                       ? `${date.getHours() - 12}:${date.getMinutes()}PM`
319 |                       : `${date.getHours()}:${date.getMinutes()}AM`;
320 |                   return days === 1 ? time : date.toLocaleDateString("default",{
321 |                     month:"short",
322 |                     day: "numeric",
323 |                     year : "numeric"
324 |                   });
325 |                 }),
326 |                 datasets: [
327 |                   {
328 |                     label: `${id} in ${currency}`,
329 |                     data: ChartData.map((val) => val.y),
330 |                     borderColor: "#FFA500",
331 |                     backgroundColor: "#FFA500",
332 |                   },
333 |                 ],
334 |               }}
335 |               options={{
336 |                 indexAxis: "y",
337 |                 elements: {
338 |                   bar: {
339 |                     borderWidth: 2,
340 |                   },
341 |                 },
342 |                 responsive: true,
343 |                 scales: {
344 |                   x: {
345 |                     grid: {
346 |                       display: false,
347 |                     },
348 |                     ticks : {
349 |                       color : "white",
350 |                     }
351 |                   },
352 |                   y: {
353 |                     ticks : {
354 |                       color : "white",
355 |                     }
356 |                   }
357 |                 },
358 |                 plugins: {
359 |                     legend: {
360 |                       display: true,
361 |                       align: "end",
362 |                       labels: {
363 |                         color : "white",
364 |                         pointStyleWidth : 15,
365 |                         usePointStyle: true,
366 |                         pointStyle: "circle",
367 |                         padding: 4,
368 |                       },
369 |                   },
370 |                   title: {
371 |                     display: true,
372 |                   },
373 |                 },
374 |                 maintainAspectRatio: false,
375 |               }}
376 |             />
377 |           </div>
378 |         </div>
379 |       )}
380 |     </div>
381 |   );
382 | };
383 | 


--------------------------------------------------------------------------------
/src/assets/92445-crypto-bitcoin.json:
--------------------------------------------------------------------------------
1 | {"v":"5.7.0","fr":60,"ip":0,"op":180,"w":320,"h":400,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Null 1","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[174,253.5,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"Shape Layer 10","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75.5,36.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":27,"s":[0]},{"t":57,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[0]},{"t":45,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":15,"op":58,"st":15,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 9","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-111.5,12.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":69,"s":[0]},{"t":99,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":57,"s":[0]},{"t":87,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":57,"op":100,"st":57,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Shape Layer 8","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[4.5,43.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":90,"s":[0]},{"t":120,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":78,"s":[0]},{"t":108,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":78,"op":121,"st":78,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Shape Layer 7","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[555.5,156.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":149,"s":[0]},{"t":179,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":137,"s":[0]},{"t":167,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":137,"op":180,"st":137,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 6","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[527.5,251.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":133,"s":[0]},{"t":163,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":121,"s":[0]},{"t":151,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":121,"op":164,"st":121,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Shape Layer 5","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[482.5,262.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":105,"s":[0]},{"t":135,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":93,"s":[0]},{"t":123,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":93,"op":136,"st":93,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Shape Layer 4","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[459.5,208.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":75,"s":[0]},{"t":105,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":63,"s":[0]},{"t":93,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":63,"op":106,"st":63,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Shape Layer 3","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[602.5,144.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":45,"s":[0]},{"t":75,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":33,"s":[0]},{"t":63,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":33,"op":76,"st":33,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"Shape Layer 1","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[569.5,193.401,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":138,"s":[0]},{"t":168,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":126,"s":[0]},{"t":156,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":126,"op":169,"st":126,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"B Outlines 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[-111.226,-79.662,0],"to":[0,0,0],"ti":[8.53,10.288,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":44,"s":[-112.47,-98.962,0],"to":[-8.53,-10.288,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":90,"s":[-134.226,-97.662,0],"to":[0,0,0],"ti":[-11.388,-8.634,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":130,"s":[-131.888,-77.072,0],"to":[9.888,8.634,0],"ti":[0,0,0]},{"t":179,"s":[-111.226,-79.662,0]}],"ix":2},"a":{"a":0,"k":[534.774,318.338,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-4.702,-23.052],[4.727,-17.701],[4.701,23.052],[-4.727,17.702]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.156999999402,0.419999994016,0.944999964097,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[521.976,324.765],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-0.583,0.43],[-0.607,1.155],[-0.001,1.315],[0.521,0.487],[1.031,-0.428],[2.905,-1.676]],"o":[[0,0],[0,0],[2.404,-1.387],[1.057,-0.775],[0.605,-1.155],[0,-1.26],[-0.521,-0.487],[-0.611,0.259],[0,0]],"v":[[-6.616,-10.727],[-6.621,-1.302],[-2.575,-3.634],[1.908,-6.359],[4.404,-9.256],[5.312,-12.961],[4.531,-15.582],[2.206,-15.673],[-3.07,-12.771]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-0.599,0.511],[-0.577,1.195],[-0.001,1.446],[0.444,0.596],[0.842,-0.096],[2.808,-1.62]],"o":[[0,0],[0,0],[2.225,-1.283],[0.918,-0.752],[0.577,-1.194],[0.001,-1.222],[-0.444,-0.596],[-0.841,0.095],[0,0]],"v":[[-6.625,5.48],[-6.633,16.378],[-0.918,13.084],[3.317,10.393],[5.559,7.474],[6.428,3.513],[5.762,0.785],[3.833,0.034],[-1.64,2.607]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[1.085,-0.626],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.363,0.191],[0,0],[0,0],[0,0],[-0.833,-0.28],[-0.625,-1.057],[0,-1.761],[0.773,-2.04],[1.322,-1.558],[-1.002,-1.164],[0.001,-2.353],[0.648,-2.123],[1.127,-1.705],[1.573,-1.167],[0,0]],"o":[[0,0],[-0.877,0.524],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.389,-0.224],[0,0],[0,0],[0,0],[1.042,-0.303],[0.946,0.307],[0.624,1.057],[-0.002,1.909],[-0.772,2.039],[1.863,-0.351],[0.999,1.166],[-0.002,1.854],[-0.648,2.125],[-1.084,1.645],[0,0],[0,0]],"v":[[0.534,24.669],[0.538,19.081],[-2.403,20.804],[-3.863,21.646],[-3.867,27.207],[-8.517,29.887],[-8.514,24.327],[-12.811,26.804],[-12.786,-13.95],[-8.488,-16.427],[-8.485,-21.988],[-3.834,-24.668],[-3.838,-19.108],[-0.563,-20.997],[0.564,-21.619],[0.568,-27.206],[5.218,-29.887],[5.214,-23.828],[8.029,-23.865],[10.385,-21.819],[11.321,-17.592],[10.158,-11.67],[7.017,-6.275],[11.313,-5.055],[12.81,0.223],[11.836,6.189],[9.174,11.934],[5.189,16.15],[5.185,21.988]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.113999998803,0.905999995213,0.987999949736,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[539.489,321.013],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-2.39,-4.016],[7.04,1.336],[2.388,4.016],[-7.04,-1.334]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[528.616,295.01],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-2.389,-4.016],[7.04,1.336],[2.389,4.016],[-7.04,-1.333]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[537.667,289.791],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-4.713,-5.469],[4.717,-0.119],[4.713,5.469],[-4.717,0.118]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.156999999402,0.419999994016,0.944999964097,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.34,293.926],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-4.712,-5.456],[4.716,-0.104],[4.714,5.456],[-4.716,0.105]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.156999999402,0.419999994016,0.944999964097,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[526.288,299.13],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[5.931,1.647],[-3.072,-3.524],[-5.931,-0.492],[3.743,3.524]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[541.587,295.501],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[6.916,1.42],[-2.515,-3.931],[-6.916,-1.42],[2.515,3.931]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[533.137,297.975],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-6.864,-1.437],[-2.567,-3.914],[6.863,1.436],[2.565,3.914]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[524.138,303.149],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-6.923,-1.401],[-6.928,8.024],[5.005,2.674],[6.928,-6.646],[1.182,-8.024]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.383999992819,0.769000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[539.796,311.687],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-8.113,-1.779],[-8.122,9.119],[1.891,5.634],[8.122,-4.414],[2.385,-9.119]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.383999992819,0.769000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[540.978,328.272],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.523,2.794],[-4.526,-2.261],[4.526,-2.794]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.122000002394,0.375999989229,0.788000009574,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.501,342.888],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":2,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[4.713,5.456],[-4.716,0.105],[-4.713,-5.455],[4.716,-0.105]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.122000002394,0.375999989229,0.788000009574,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[526.259,345.445],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 13","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"Shape Layer 2","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[390.5,171.402,0],"ix":2},"a":{"a":0,"k":[234.5,-31.599,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[234.5,44],[234.5,-95.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":12,"s":[0]},{"t":42,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"t":30,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.156862745098,0.419607873056,0.945098099054,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":43,"st":0,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Ef Outlines 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[-97.216,12.021,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":74,"s":[-66.216,27.021,0],"to":[0,0,0],"ti":[0,0,0]},{"t":179,"s":[-97.216,12.021,0]}],"ix":2},"a":{"a":0,"k":[501.784,146.021,0],"ix":1},"s":{"a":0,"k":[74.747,74.747,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[501.875,88.75],[470.25,148.75],[501.813,167.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.823528992896,0.823528992896,0.823528992896,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.050980395897,0.792156922583,0.956862804936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":70,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,178.921],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,178.921],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,127.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,127.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,148.653],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,154.594],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-15.84,-24.327],[15.84,24.326],[15.84,-5.862]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.039215686275,0.870588295133,0.952941236309,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,178.966],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[15.839,-24.327],[-15.84,24.326],[-15.84,-5.862]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.094117654539,0.611764705882,0.972549079446,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,178.966],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[15.839,20.714],[-15.84,-39.178],[-15.84,39.18]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.243,0.086,1,0.563,0.139,0.484,0.975,0.998,0.035,0.882,0.949],"ix":9}},"s":{"a":0,"k":[-19.5,-15.75],"ix":5},"e":{"a":0,"k":[13.25,19.75],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,127.984],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":70,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[31.68,0],[0.001,18.466],[-31.679,0],[0.001,-18.466]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.015609380311,0.446324666341,0.796078431373,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,148.698],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[31.68,0.001],[0.001,18.465],[-31.679,0.001],[0.001,-18.465]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.121568634931,0.560784313725,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,154.639],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"Ef Outlines 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[90.784,45.021,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":107,"s":[108.784,27.021,0],"to":[0,0,0],"ti":[0,0,0]},{"t":179,"s":[90.784,45.021,0]}],"ix":2},"a":{"a":0,"k":[501.784,146.021,0],"ix":1},"s":{"a":0,"k":[68.434,68.434,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[501.875,88.75],[470.25,148.75],[501.813,167.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.823528992896,0.823528992896,0.823528992896,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.050980395897,0.792156922583,0.956862804936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":70,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,178.921],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,178.921],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,127.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,127.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,148.653],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,154.594],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-15.84,-24.327],[15.84,24.326],[15.84,-5.862]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.039215686275,0.870588295133,0.952941236309,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,178.966],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[15.839,-24.327],[-15.84,24.326],[-15.84,-5.862]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.094117654539,0.611764705882,0.972549079446,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,178.966],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[15.839,20.714],[-15.84,-39.178],[-15.84,39.18]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.243,0.086,1,0.563,0.139,0.484,0.975,0.998,0.035,0.882,0.949],"ix":9}},"s":{"a":0,"k":[-19.5,-15.75],"ix":5},"e":{"a":0,"k":[13.25,19.75],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,127.984],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":70,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[31.68,0],[0.001,18.466],[-31.679,0],[0.001,-18.466]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.015609380311,0.446324666341,0.796078431373,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,148.698],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[31.68,0.001],[0.001,18.465],[-31.679,0.001],[0.001,-18.465]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.121568634931,0.560784313725,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,154.639],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":"up Outlines","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[502.209,111.704,0],"ix":2},"a":{"a":0,"k":[502.709,93.704,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.038,-1.467],[-2.037,-1.213],[0,0],[-3.676,2.14],[0,0],[-0.077,1.498],[1.668,1.217],[0,0],[3.746,-2.176]],"o":[[-1.428,0.961],[0.045,1.704],[0,0],[3.785,1.891],[0,0],[1.353,-0.787],[0.095,-1.848],[0,0],[-3.847,-1.929],[0,0]],"v":[[-78.302,-3.856],[-80.489,-0.038],[-77.261,4.487],[-5.986,45.768],[5.945,45.376],[78.211,4.107],[80.431,0.561],[77.881,-4.408],[6.631,-45.73],[-5.511,-45.344]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.343,0],[1.909,0.954],[0,0],[0.053,2.027],[-1.7,1.138],[0,0],[0,0],[-4.145,-2.08],[0,0],[0.111,-2.15],[1.629,-0.948],[0,0]],"o":[[-2.06,0],[0,0],[-2.318,-1.38],[-0.047,-1.787],[0,0],[0,0],[4.009,-2.327],[0,0],[1.952,1.422],[-0.094,1.814],[0,0],[-2.097,1.221]],"v":[[-0.38,47.994],[-6.415,46.565],[-77.719,5.267],[-81.393,-0.015],[-78.792,-4.617],[-78.765,-4.634],[-5.962,-46.128],[7.061,-46.526],[78.374,-5.165],[81.335,0.608],[78.663,4.89],[6.399,46.159]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.074509803922,0.996078491211,0.886274569642,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[502.872,81.137],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":17,"s":[100,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":83,"s":[119,119]},{"t":179,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.038,-1.467],[-2.038,-1.213],[0,0],[-3.676,2.14],[0,0],[-0.076,1.498],[1.668,1.217],[0,0],[3.745,-2.176]],"o":[[-1.428,0.961],[0.045,1.704],[0,0],[3.784,1.891],[0,0],[1.354,-0.788],[0.095,-1.848],[0,0],[-3.847,-1.929],[0,0]],"v":[[-78.301,-3.856],[-80.489,-0.038],[-77.26,4.487],[-5.985,45.768],[5.946,45.376],[78.211,4.107],[80.431,0.561],[77.881,-4.408],[6.631,-45.73],[-5.51,-45.344]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[2.344,0],[1.909,0.954],[0,0],[0.053,2.027],[-1.7,1.138],[0,0],[0,0],[-4.146,-2.08],[0,0],[0.111,-2.15],[1.628,-0.948],[0,0]],"o":[[-2.06,0],[0,0],[-2.317,-1.38],[-0.046,-1.787],[0,0],[0,0],[4.009,-2.327],[0,0],[1.952,1.422],[-0.094,1.814],[0,0],[-2.097,1.221]],"v":[[-0.38,47.994],[-6.415,46.565],[-77.719,5.267],[-81.393,-0.015],[-78.791,-4.617],[-78.764,-4.634],[-5.962,-46.128],[7.062,-46.526],[78.375,-5.165],[81.335,0.608],[78.664,4.89],[6.399,46.159]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.074509803922,0.996078491211,0.886274569642,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[502.872,90.242],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[100,100]},{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":66,"s":[119,119]},{"t":162,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":"hologram Outlines","parent":20,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[40]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[27]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[40]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":90,"s":[27]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[40]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":150,"s":[27]},{"t":180,"s":[40]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[501.914,231.623,0],"ix":2},"a":{"a":0,"k":[501.914,231.623,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[1.259,-0.731],[0,0],[3.93,1.966],[0,0],[0.293,1.48],[0,0],[-2.765,-1.648],[0,0],[-3.798,2.211],[0,0],[-0.03,1.595]],"o":[[0,0],[-0.299,1.165],[0,0],[-3.798,2.211],[0,0],[-2.003,-1.193],[0,0],[-0.379,1.969],[0,0],[3.931,1.967],[0,0],[1.655,-0.963],[0,0]],"v":[[80.912,77.356],[80.787,-123.639],[78.496,-120.685],[6.234,-79.417],[-6.152,-79.024],[-77.432,-120.308],[-80.796,-124.473],[-80.834,75.984],[-77.47,81.814],[-6.191,123.097],[6.196,122.704],[78.458,81.437],[80.901,77.356]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.204,0.533,0.949,0.563,0.139,0.767,0.918,0.998,0.075,1,0.886],"ix":9}},"s":{"a":0,"k":[1,-122],"ix":5},"e":{"a":0,"k":[1,125],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.914,231.623],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":17,"ty":4,"nm":"Ef Outlines","parent":19,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.266,"y":0.407},"t":0,"s":[501.784,146.021,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":57,"s":[501.784,161.021,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.682,"y":0.452},"o":{"x":0.333,"y":0},"t":115,"s":[501.784,128.021,0],"to":[0,0,0],"ti":[0,0,0]},{"t":180,"s":[501.784,146.021,0]}],"ix":2},"a":{"a":0,"k":[501.784,146.021,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[501.875,88.75],[470.25,148.75],[501.813,167.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.823528992896,0.823528992896,0.823528992896,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.050980395897,0.792156922583,0.956862804936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":70,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,178.921],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,178.921],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,127.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,127.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,148.653],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,154.594],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-15.84,-24.327],[15.84,24.326],[15.84,-5.862]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.039215686275,0.870588295133,0.952941236309,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[485.944,178.966],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[15.839,-24.327],[-15.84,24.326],[-15.84,-5.862]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.094117654539,0.611764705882,0.972549079446,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,178.966],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[15.839,20.714],[-15.84,-39.178],[-15.84,39.18]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.243,0.086,1,0.563,0.139,0.484,0.975,0.998,0.035,0.882,0.949],"ix":9}},"s":{"a":0,"k":[-19.5,-15.75],"ix":5},"e":{"a":0,"k":[13.25,19.75],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[517.624,127.984],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":70,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[31.68,0],[0.001,18.466],[-31.679,0],[0.001,-18.466]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.015609380311,0.446324666341,0.796078431373,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,148.698],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[31.68,0.001],[0.001,18.465],[-31.679,0.001],[0.001,-18.465]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.121568634931,0.560784313725,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.783,154.639],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":18,"ty":4,"nm":"B Outlines","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[534.774,318.338,0],"ix":2},"a":{"a":0,"k":[534.774,318.338,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.146]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,1.146]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":30,"s":[115,115,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0]},"t":60,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[115,115,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0]},"t":120,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":150,"s":[115,115,100]},{"t":180,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-4.702,-23.052],[4.727,-17.701],[4.701,23.052],[-4.727,17.702]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.156999999402,0.419999994016,0.944999964097,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[521.976,324.765],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-0.583,0.43],[-0.607,1.155],[-0.001,1.315],[0.521,0.487],[1.031,-0.428],[2.905,-1.676]],"o":[[0,0],[0,0],[2.404,-1.387],[1.057,-0.775],[0.605,-1.155],[0,-1.26],[-0.521,-0.487],[-0.611,0.259],[0,0]],"v":[[-6.616,-10.727],[-6.621,-1.302],[-2.575,-3.634],[1.908,-6.359],[4.404,-9.256],[5.312,-12.961],[4.531,-15.582],[2.206,-15.673],[-3.07,-12.771]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-0.599,0.511],[-0.577,1.195],[-0.001,1.446],[0.444,0.596],[0.842,-0.096],[2.808,-1.62]],"o":[[0,0],[0,0],[2.225,-1.283],[0.918,-0.752],[0.577,-1.194],[0.001,-1.222],[-0.444,-0.596],[-0.841,0.095],[0,0]],"v":[[-6.625,5.48],[-6.633,16.378],[-0.918,13.084],[3.317,10.393],[5.559,7.474],[6.428,3.513],[5.762,0.785],[3.833,0.034],[-1.64,2.607]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[1.085,-0.626],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.363,0.191],[0,0],[0,0],[0,0],[-0.833,-0.28],[-0.625,-1.057],[0,-1.761],[0.773,-2.04],[1.322,-1.558],[-1.002,-1.164],[0.001,-2.353],[0.648,-2.123],[1.127,-1.705],[1.573,-1.167],[0,0]],"o":[[0,0],[-0.877,0.524],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.389,-0.224],[0,0],[0,0],[0,0],[1.042,-0.303],[0.946,0.307],[0.624,1.057],[-0.002,1.909],[-0.772,2.039],[1.863,-0.351],[0.999,1.166],[-0.002,1.854],[-0.648,2.125],[-1.084,1.645],[0,0],[0,0]],"v":[[0.534,24.669],[0.538,19.081],[-2.403,20.804],[-3.863,21.646],[-3.867,27.207],[-8.517,29.887],[-8.514,24.327],[-12.811,26.804],[-12.786,-13.95],[-8.488,-16.427],[-8.485,-21.988],[-3.834,-24.668],[-3.838,-19.108],[-0.563,-20.997],[0.564,-21.619],[0.568,-27.206],[5.218,-29.887],[5.214,-23.828],[8.029,-23.865],[10.385,-21.819],[11.321,-17.592],[10.158,-11.67],[7.017,-6.275],[11.313,-5.055],[12.81,0.223],[11.836,6.189],[9.174,11.934],[5.189,16.15],[5.185,21.988]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.113999998803,0.905999995213,0.987999949736,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[539.489,321.013],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-2.39,-4.016],[7.04,1.336],[2.388,4.016],[-7.04,-1.334]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[528.616,295.01],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-2.389,-4.016],[7.04,1.336],[2.389,4.016],[-7.04,-1.333]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[537.667,289.791],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-4.713,-5.469],[4.717,-0.119],[4.713,5.469],[-4.717,0.118]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.156999999402,0.419999994016,0.944999964097,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.34,293.926],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-4.712,-5.456],[4.716,-0.104],[4.714,5.456],[-4.716,0.105]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.156999999402,0.419999994016,0.944999964097,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[526.288,299.13],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[5.931,1.647],[-3.072,-3.524],[-5.931,-0.492],[3.743,3.524]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[541.587,295.501],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[6.916,1.42],[-2.515,-3.931],[-6.916,-1.42],[2.515,3.931]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[533.137,297.975],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-6.864,-1.437],[-2.567,-3.914],[6.863,1.436],[2.565,3.914]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.081999999402,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[524.138,303.149],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-6.923,-1.401],[-6.928,8.024],[5.005,2.674],[6.928,-6.646],[1.182,-8.024]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.383999992819,0.769000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[539.796,311.687],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-8.113,-1.779],[-8.122,9.119],[1.891,5.634],[8.122,-4.414],[2.385,-9.119]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.118000000598,0.383999992819,0.769000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[540.978,328.272],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[4.523,2.794],[-4.526,-2.261],[4.526,-2.794]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.122000002394,0.375999989229,0.788000009574,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[535.501,342.888],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":2,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[4.713,5.456],[-4.716,0.105],[-4.713,-5.455],[4.716,-0.105]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.122000002394,0.375999989229,0.788000009574,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[526.259,345.445],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 13","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":19,"ty":4,"nm":"blocks Outlines","parent":20,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[499.69,259.059,0],"ix":2},"a":{"a":0,"k":[499.69,259.059,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.813,0.125],[0,0],[0,-4.563],[0,0],[0,0],[-0.698,0.901],[0,0],[0,0],[0.667,1.046],[0,0],[0,0],[0,0]],"o":[[-2.315,-0.289],[0,0],[0,4.563],[0,0],[0,0],[0.698,-0.901],[0,0],[0,0],[-0.667,-1.046],[0,0],[0,0],[0,0]],"v":[[471.313,216.438],[469.25,218.188],[469.25,258.563],[471.5,264.25],[479.5,268.688],[481.052,268.401],[481.563,265.875],[475.438,262.25],[473.667,260.484],[473.125,258.125],[473,217.75],[473.188,217.5]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.823528992896,0.823528992896,0.823528992896,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.556862745098,0.309803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[500.375,259.375],"ix":2},"a":{"a":0,"k":[474,244],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.043,-1.212],[0,0],[0.032,2.743],[0,0],[-2.043,1.213],[-0.033,-2.744],[0,0]],"o":[[0,0],[-2.044,1.212],[0,0],[-0.032,-2.743],[2.044,-1.212],[0,0],[0.032,2.743]],"v":[[0.06,5.088],[0.06,5.088],[-3.699,2.316],[-3.702,2.073],[-0.06,-5.089],[3.699,-2.315],[3.702,-2.073]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.972999961703,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[549.458,238.45],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":50,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.044,-1.212],[0,0],[0.032,2.743],[0,0],[-2.044,1.213],[-0.033,-2.743],[0,0]],"o":[[0,0],[-2.043,1.212],[0,0],[-0.032,-2.743],[2.043,-1.212],[0,0],[0.032,2.743]],"v":[[0.06,5.088],[0.06,5.088],[-3.698,2.316],[-3.701,2.073],[-0.059,-5.089],[3.699,-2.316],[3.702,-2.074]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.972999961703,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.937,228.668],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":50,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.972,-0.576],[0,0],[0.016,1.304],[0,0],[-0.971,0.577],[-0.015,-1.305],[0,0]],"o":[[0,0],[-0.973,0.577],[0,0],[-0.015,-1.304],[0.973,-0.576],[0,0],[0.015,1.304]],"v":[[0.029,2.42],[0.029,2.42],[-1.759,1.102],[-1.761,0.986],[-0.029,-2.421],[1.759,-1.101],[1.761,-0.986]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.19199999641,0.905999995213,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[549.458,238.45],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.972,-0.576],[0,0],[0.016,1.305],[0,0],[-0.971,0.576],[-0.015,-1.305],[0,0]],"o":[[0,0],[-0.972,0.576],[0,0],[-0.016,-1.304],[0.972,-0.576],[0,0],[0.016,1.305]],"v":[[0.029,2.42],[0.029,2.42],[-1.76,1.102],[-1.76,0.985],[-0.029,-2.421],[1.759,-1.102],[1.76,-0.987]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.19199999641,0.905999995213,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.936,228.667],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0.704,-0.406],[0,0],[-0.231,0.365],[0,0],[0,0.432],[0,0],[-0.317,0],[0,-0.318],[0,0],[0.23,-0.365],[0,0],[0.001,-0.431]],"o":[[-0.001,0.813],[0,0],[0,-0.432],[0,0],[0.23,-0.365],[0,0],[0,-0.318],[0.319,0],[0,0],[0,0.431],[0,0],[-0.23,0.363],[0,0]],"v":[[-2.9,19.979],[-4.04,21.948],[-4.04,10.744],[-3.686,9.525],[2.536,-0.297],[2.889,-1.515],[2.889,-21.372],[3.464,-21.948],[4.04,-21.372],[4.04,-1.18],[3.687,0.038],[-2.536,9.862],[-2.889,11.078]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.19199999641,0.905999995213,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[542.272,250.615],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0.701,-0.407],[0,0],[0,0],[-0.231,0.364],[0,0],[0,0.432],[0,0],[-0.319,0],[0,-0.319],[0,0],[0.231,-0.365],[0,0],[0,-0.431]],"o":[[0,0.811],[0,0],[0,0],[0,-0.431],[0,0],[0.23,-0.365],[0,0],[0,-0.319],[0.318,0],[0,0],[0,0.432],[0,0],[-0.232,0.364],[0,0]],"v":[[-2.889,13.372],[-4.022,15.34],[-4.04,15.351],[-4.04,7.257],[-3.687,6.039],[2.535,-3.783],[2.888,-5.002],[2.888,-14.774],[3.464,-15.351],[4.04,-14.774],[4.04,-4.667],[3.686,-3.448],[-2.535,6.374],[-2.889,7.592]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.19199999641,0.905999995213,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.738,255.217],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.706,258.201],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":1,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.248,0.724],[0,0],[-0.003,1.666],[0,0],[-1.248,-0.724],[0,0],[0.003,-1.666],[0,0]],"o":[[0,0],[-1.248,-0.724],[0,0],[0.004,-1.666],[0,0],[1.248,0.724],[0,0],[-0.003,1.666]],"v":[[3.828,26.043],[-3.865,21.584],[-6.12,17.257],[-6.094,-24.337],[-3.828,-26.044],[3.865,-21.584],[6.12,-17.258],[6.094,24.336]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0,0.882000014361,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[0.733333333333,0.96862745098,1,1]},{"t":30,"s":[0,0.882000014361,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.717,257.967],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.951,1.13],[0,0],[-0.005,2.604],[0,0],[-1.951,-1.131],[0,0],[0.005,-2.603],[0,0]],"o":[[0,0],[-1.951,-1.131],[0,0],[0.004,-2.603],[0,0],[1.95,1.13],[0,0],[-0.004,2.604]],"v":[[5.959,31.471],[-6.059,24.503],[-9.582,17.742],[-9.499,-28.804],[-5.959,-31.47],[6.059,-24.503],[9.582,-17.742],[9.499,28.804]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.670999983245,0.583999992819,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.999,258.042],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":2,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.252,-0.13],[0.01,-0.006],[0,0],[0,0],[0,0],[-0.003,1.498],[0,0],[1.95,1.131],[0,0],[0.431,0]],"o":[[-0.01,0.005],[0,0],[0,0],[0,0],[0.819,-0.39],[0,0],[0.004,-2.603],[0,0],[-0.499,-0.29],[-0.303,0]],"v":[[15.475,-45.574],[15.446,-45.557],[-33.263,-17.488],[-16.638,45.771],[31.826,17.847],[33.175,14.93],[33.258,-31.617],[29.735,-38.378],[17.716,-45.345],[16.311,-45.771]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.827,0.761,1,0.563,0.68,0.516,1,0.998,0.533,0.271,1],"ix":9}},"s":{"a":0,"k":[-11.5,-28.5],"ix":5},"e":{"a":0,"k":[8,27.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[526.862,243.956],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.002,-1.24],[0,0],[-1.248,-0.723],[0,0],[-0.003,1.667],[0,0],[0,0],[-0.004,1.667],[0,0],[0,0],[0.276,0]],"o":[[0,0],[-0.003,1.666],[0,0],[1.248,0.723],[0,0],[0,0],[-1.248,-0.724],[0,0],[0,0],[-0.319,-0.185],[-0.801,0]],"v":[[-6.078,-24.562],[-6.105,17.033],[-3.85,21.359],[3.842,25.818],[6.107,24.112],[6.108,22.995],[-0.106,19.393],[-2.36,15.066],[-2.335,-25.411],[-3.813,-26.269],[-4.713,-26.542]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.556862745098,0.309803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[475.418,242.852],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.248,0.724],[0,0],[-0.003,1.666],[0,0],[-1.248,-0.724],[0,0],[0.003,-1.666],[0,0]],"o":[[0,0],[-1.248,-0.724],[0,0],[0.003,-1.667],[0,0],[1.248,0.724],[0,0],[-0.003,1.666]],"v":[[3.828,26.043],[-3.865,21.584],[-6.12,17.257],[-6.094,-24.336],[-3.828,-26.043],[3.865,-21.584],[6.12,-17.257],[6.094,24.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":30,"s":[0,0.882000014361,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":45,"s":[0.733333333333,0.96862745098,1,1]},{"t":60,"s":[0,0.882000014361,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[475.429,242.617],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":3,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.95,1.131],[0,0],[-0.005,2.603],[0,0],[-1.95,-1.131],[0,0],[0.005,-2.603],[0,0]],"o":[[0,0],[-1.95,-1.131],[0,0],[0.005,-2.604],[0,0],[1.95,1.131],[0,0],[-0.005,2.604]],"v":[[5.959,31.471],[-6.06,24.504],[-9.582,17.742],[-9.5,-28.803],[-5.96,-31.47],[6.059,-24.503],[9.582,-17.742],[9.499,28.805]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.670999983245,0.583999992819,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[475.711,242.692],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 13","np":2,"cix":2,"bm":0,"ix":14,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.252,-0.13],[0.01,-0.004],[0,0],[0,0],[0,0],[-0.002,1.499],[0,0],[1.95,1.131],[0,0],[0.431,0]],"o":[[-0.01,0.006],[0,0],[0,0],[0,0],[0.819,-0.389],[0,0],[0.005,-2.602],[0,0],[-0.499,-0.289],[-0.302,0]],"v":[[15.476,-45.574],[15.445,-45.558],[-33.262,-17.488],[-16.638,45.771],[31.825,17.846],[33.174,14.93],[33.258,-31.618],[29.734,-38.378],[17.716,-45.345],[16.31,-45.771]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.827,0.761,1,0.563,0.68,0.516,1,0.998,0.533,0.271,1],"ix":9}},"s":{"a":0,"k":[-7.5,-28.5],"ix":5},"e":{"a":0,"k":[8.5,34.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[500.573,228.606],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 14","np":2,"cix":2,"bm":0,"ix":15,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.002,-1.239],[0,0],[-1.249,-0.724],[0,0],[-0.003,1.667],[0,0],[0,0],[-0.004,1.666],[0,0],[0,0],[0.276,0]],"o":[[0,0],[-0.003,1.665],[0,0],[1.248,0.724],[0,0],[0,0],[-1.248,-0.724],[0,0],[0,0],[-0.319,-0.186],[-0.801,0]],"v":[[-6.078,-24.563],[-6.105,17.033],[-3.85,21.359],[3.842,25.818],[6.107,24.111],[6.108,22.995],[-0.106,19.393],[-2.36,15.066],[-2.335,-25.411],[-3.813,-26.268],[-4.713,-26.542]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.556862745098,0.309803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[449.13,227.826],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 15","np":2,"cix":2,"bm":0,"ix":16,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.249,0.724],[0,0],[-0.003,1.666],[0,0],[-1.248,-0.724],[0,0],[0.004,-1.666],[0,0]],"o":[[0,0],[-1.248,-0.724],[0,0],[0.003,-1.667],[0,0],[1.248,0.724],[0,0],[-0.003,1.666]],"v":[[3.827,26.043],[-3.865,21.584],[-6.12,17.257],[-6.094,-24.336],[-3.828,-26.043],[3.865,-21.584],[6.118,-17.257],[6.092,24.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[0,0.882000014361,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":75,"s":[0.733333333333,0.96862745098,1,1]},{"t":90,"s":[0,0.882000014361,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[449.141,227.591],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 16","np":2,"cix":2,"bm":0,"ix":17,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.95,1.131],[0,0],[-0.005,2.604],[0,0],[-1.95,-1.131],[0,0],[0.004,-2.603],[0,0]],"o":[[0,0],[-1.95,-1.13],[0,0],[0.005,-2.603],[0,0],[1.95,1.131],[0,0],[-0.005,2.603]],"v":[[5.96,31.47],[-6.06,24.502],[-9.582,17.741],[-9.5,-28.805],[-5.96,-31.471],[6.059,-24.504],[9.582,-17.743],[9.499,28.805]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.670999983245,0.583999992819,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[449.422,227.665],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 17","np":2,"cix":2,"bm":0,"ix":18,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.252,-0.13],[0,0],[0.01,-0.005],[0,0],[0,0],[0,0],[-0.003,1.499],[0,0],[1.95,1.13],[0,0],[0.431,0]],"o":[[0,0],[-0.01,0.004],[0,0],[0,0],[0,0],[0.819,-0.39],[0,0],[0.005,-2.603],[0,0],[-0.499,-0.289],[-0.302,0]],"v":[[15.476,-45.574],[15.476,-45.573],[15.446,-45.557],[-33.263,-17.488],[-16.638,45.771],[31.825,17.847],[33.175,14.93],[33.258,-31.617],[29.735,-38.377],[17.716,-45.345],[16.31,-45.771]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.827,0.761,1,0.563,0.68,0.516,1,0.998,0.533,0.271,1],"ix":9}},"s":{"a":0,"k":[-6.5,-29.5],"ix":5},"e":{"a":0,"k":[6.5,40.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[474.285,213.579],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"bm":0,"ix":19,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.002,-1.24],[0,0],[-1.248,-0.724],[0,0],[-0.004,1.666],[0,0],[0,0],[-0.003,1.666],[0,0],[0,0],[0.276,0]],"o":[[0,0],[-0.003,1.665],[0,0],[1.249,0.724],[0,0],[0,0],[-1.247,-0.723],[0,0],[0,0],[-0.319,-0.186],[-0.801,-0.001]],"v":[[-6.079,-24.562],[-6.105,17.033],[-3.851,21.359],[3.841,25.818],[6.108,24.112],[6.108,22.995],[-0.107,19.393],[-2.361,15.068],[-2.335,-25.411],[-3.814,-26.268],[-4.714,-26.541]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.556862745098,0.309803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.126,318.573],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 19","np":2,"cix":2,"bm":0,"ix":20,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.248,0.724],[0,0],[-0.003,1.667],[0,0],[-1.249,-0.724],[0,0],[0.003,-1.666],[0,0]],"o":[[0,0],[-1.249,-0.724],[0,0],[0.003,-1.666],[0,0],[1.248,0.724],[0,0],[-0.003,1.666]],"v":[[3.827,26.043],[-3.864,21.584],[-6.119,17.257],[-6.093,-24.337],[-3.827,-26.043],[3.864,-21.584],[6.119,-17.257],[6.093,24.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":90,"s":[0,0.882000014361,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":105,"s":[0.733333333333,0.96862745098,1,1]},{"t":120,"s":[0,0.882000014361,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.137,318.338],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 20","np":2,"cix":2,"bm":0,"ix":21,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.95,1.131],[0,0],[-0.005,2.603],[0,0],[-1.951,-1.131],[0,0],[0.005,-2.602],[0,0]],"o":[[0,0],[-1.95,-1.131],[0,0],[0.004,-2.604],[0,0],[1.951,1.131],[0,0],[-0.004,2.604]],"v":[[5.96,31.47],[-6.059,24.503],[-9.582,17.742],[-9.499,-28.804],[-5.959,-31.47],[6.059,-24.504],[9.582,-17.743],[9.499,28.804]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.670999983245,0.583999992819,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.418,318.413],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 21","np":2,"cix":2,"bm":0,"ix":22,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.251,-0.129],[0,0],[0.01,-0.006],[0,0],[0,0],[0,0],[-0.003,1.5],[0,0],[1.95,1.131],[0,0],[0.431,0]],"o":[[0,0],[-0.01,0.005],[0,0],[0,0],[0,0],[0.82,-0.389],[0,0],[0.005,-2.604],[0,0],[-0.499,-0.289],[-0.302,0]],"v":[[15.477,-45.574],[15.476,-45.573],[15.446,-45.556],[-33.263,-17.488],[-16.637,45.772],[31.825,17.847],[33.176,14.93],[33.258,-31.616],[29.736,-38.377],[17.717,-45.345],[16.311,-45.771]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.827,0.761,1,0.563,0.68,0.516,1,0.998,0.533,0.271,1],"ix":9}},"s":{"a":0,"k":[-16,-23.5],"ix":5},"e":{"a":0,"k":[9,26.5],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[526.28,304.326],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 22","np":2,"cix":2,"bm":0,"ix":23,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.002,-1.239],[0,0],[-1.248,-0.723],[0,0],[-0.004,1.666],[0,0],[0,0],[-0.003,1.665],[0,0],[0,0],[0.276,0]],"o":[[0,0],[-0.003,1.666],[0,0],[1.25,0.724],[0,0],[0,0],[-1.247,-0.724],[0,0],[0,0],[-0.32,-0.185],[-0.801,0]],"v":[[-6.079,-24.563],[-6.105,17.031],[-3.851,21.358],[3.84,25.818],[6.107,24.111],[6.108,22.996],[-0.107,19.393],[-2.361,15.067],[-2.335,-25.413],[-3.814,-26.269],[-4.714,-26.542]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.556862745098,0.309803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[474.838,303.223],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 23","np":2,"cix":2,"bm":0,"ix":24,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.248,0.724],[0,0],[-0.003,1.666],[0,0],[-1.248,-0.724],[0,0],[0.003,-1.667],[0,0]],"o":[[0,0],[-1.248,-0.724],[0,0],[0.002,-1.666],[0,0],[1.248,0.724],[0,0],[-0.003,1.666]],"v":[[3.828,26.043],[-3.865,21.584],[-6.12,17.257],[-6.092,-24.337],[-3.828,-26.043],[3.865,-21.584],[6.12,-17.257],[6.094,24.337]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[0,0.882000014361,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":135,"s":[0.733333333333,0.96862745098,1,1]},{"t":150,"s":[0,0.882000014361,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[474.848,302.988],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 24","np":2,"cix":2,"bm":0,"ix":25,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.951,1.131],[0,0],[-0.005,2.604],[0,0],[-1.95,-1.131],[0,0],[0.005,-2.603],[0,0]],"o":[[0,0],[-1.951,-1.131],[0,0],[0.004,-2.603],[0,0],[1.95,1.13],[0,0],[-0.004,2.604]],"v":[[5.959,31.47],[-6.059,24.503],[-9.582,17.741],[-9.499,-28.805],[-5.96,-31.47],[6.059,-24.504],[9.582,-17.743],[9.499,28.803]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.670999983245,0.583999992819,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[475.13,303.063],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 25","np":2,"cix":2,"bm":0,"ix":26,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.252,-0.129],[0.01,-0.005],[0,0],[0,0],[0,0],[-0.003,1.498],[0,0],[1.951,1.13],[0,0],[0.431,0]],"o":[[-0.01,0.005],[0,0],[0,0],[0,0],[0.818,-0.39],[0,0],[0.004,-2.603],[0,0],[-0.499,-0.29],[-0.303,0]],"v":[[15.477,-45.575],[15.446,-45.557],[-33.263,-17.487],[-16.637,45.771],[31.826,17.848],[33.177,14.93],[33.258,-31.617],[29.735,-38.378],[17.717,-45.344],[16.313,-45.771]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.827,0.761,1,0.563,0.68,0.516,1,0.998,0.533,0.271,1],"ix":9}},"s":{"a":0,"k":[-20.5,-23.5],"ix":5},"e":{"a":0,"k":[0,51.25],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[499.992,288.977],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 26","np":2,"cix":2,"bm":0,"ix":27,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.002,-1.239],[0,0],[-1.247,-0.724],[0,0],[-0.004,1.667],[0,0],[0,0],[-0.003,1.666],[0,0],[0,0],[0.276,0]],"o":[[0,0],[-0.002,1.666],[0,0],[1.25,0.723],[0,0],[0,0],[-1.247,-0.723],[0,0],[0,0],[-0.32,-0.186],[-0.801,0]],"v":[[-6.079,-24.563],[-6.106,17.032],[-3.851,21.359],[3.84,25.818],[6.107,24.111],[6.108,22.996],[-0.107,19.393],[-2.361,15.067],[-2.336,-25.412],[-3.814,-26.268],[-4.714,-26.541]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.556862745098,0.309803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[448.55,288.196],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 27","np":2,"cix":2,"bm":0,"ix":28,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.249,0.724],[0,0],[-0.003,1.666],[0,0],[-1.248,-0.724],[0,0],[0.003,-1.666],[0,0]],"o":[[0,0],[-1.248,-0.724],[0,0],[0.003,-1.666],[0,0],[1.248,0.724],[0,0],[-0.004,1.667]],"v":[[3.827,26.043],[-3.865,21.584],[-6.12,17.257],[-6.094,-24.337],[-3.828,-26.044],[3.865,-21.584],[6.12,-17.258],[6.094,24.336]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":150,"s":[0,0.882000014361,1,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":165,"s":[0.733333333333,0.96862745098,1,1]},{"t":180,"s":[0,0.882000014361,1,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 2","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[448.56,287.961],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 28","np":2,"cix":2,"bm":0,"ix":29,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.95,1.13],[0,0],[-0.005,2.604],[0,0],[-1.95,-1.131],[0,0],[0.004,-2.603],[0,0]],"o":[[0,0],[-1.95,-1.131],[0,0],[0.005,-2.603],[0,0],[1.95,1.13],[0,0],[-0.005,2.604]],"v":[[5.96,31.471],[-6.06,24.503],[-9.582,17.742],[-9.5,-28.804],[-5.96,-31.47],[6.059,-24.503],[9.582,-17.742],[9.499,28.804]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.670999983245,0.583999992819,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[448.841,288.036],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 29","np":2,"cix":2,"bm":0,"ix":30,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.251,-0.13],[0.01,-0.005],[0,0],[0,0],[0,0],[-0.002,1.499],[0,0],[1.951,1.131],[0,0],[0.431,0]],"o":[[-0.01,0.005],[0,0],[0,0],[0,0],[0.819,-0.39],[0,0],[0.004,-2.604],[0,0],[-0.5,-0.289],[-0.303,0]],"v":[[15.477,-45.574],[15.447,-45.557],[-33.262,-17.489],[-16.637,45.771],[31.825,17.847],[33.176,14.93],[33.259,-31.617],[29.734,-38.378],[17.717,-45.345],[16.312,-45.771]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.827,0.761,1,0.563,0.68,0.516,1,0.998,0.533,0.271,1],"ix":9}},"s":{"a":0,"k":[-23.5,-23.25],"ix":5},"e":{"a":0,"k":[-8.75,45.25],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[473.703,273.95],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 30","np":2,"cix":2,"bm":0,"ix":31,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":20,"ty":4,"nm":"base 2 Outlines","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[2.658,88.433,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[2.658,68.433,0],"to":[0,0,0],"ti":[0,0,0]},{"t":179,"s":[2.658,88.433,0]}],"ix":2},"a":{"a":0,"k":[501.658,343.433,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.799,-1.046],[0,0],[3.93,1.965],[0,0],[0.183,1.595],[0,0],[-2.933,-1.747],[0,0],[-3.798,2.211],[0,0],[0.103,1.743],[0,0],[0,0]],"o":[[0.104,1.744],[0,0],[-3.799,2.212],[0,0],[-2.164,-1.289],[0,0],[-0.578,2.055],[0,0],[3.93,1.966],[0,0],[1.799,-1.047],[0,0],[0,0],[0,0]],"v":[[247.609,83.697],[245.167,88.192],[172.905,129.46],[160.519,129.854],[89.239,88.569],[85.828,84.05],[85.828,104.322],[89.106,110.509],[160.386,151.793],[172.772,151.4],[245.034,110.133],[247.477,105.638],[247.478,105.638],[247.651,83.697]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.655,1,0.886,0.563,0.443,0.882,0.943,0.998,0.231,0.765,1],"ix":9}},"s":{"a":0,"k":[153.5,133],"ix":5},"e":{"a":0,"k":[180.5,133],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[335,225],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":21,"ty":4,"nm":"hologram Outlines 2","parent":20,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[40]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":30,"s":[27]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":60,"s":[40]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":90,"s":[27]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":120,"s":[40]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":150,"s":[27]},{"t":180,"s":[40]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[501.914,231.623,0],"ix":2},"a":{"a":0,"k":[501.914,231.623,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[2.34,1.437],[0,0],[3.786,-1.599],[0,0],[0.632,-1.212],[0,0],[-2.765,-1.648],[0,0],[-3.798,2.211],[0,0],[-0.03,1.595]],"o":[[0,0],[-1.701,-2.484],[0,0],[-5.85,-2.206],[0,0],[-2.482,1.372],[0,0],[-0.379,1.969],[0,0],[3.931,1.967],[0,0],[1.655,-0.963],[0,0]],"v":[[80.912,77.356],[80.787,-123.639],[74.996,-129.185],[6.436,-169.917],[-5.95,-169.524],[-75.432,-128.808],[-80.796,-124.473],[-80.834,75.984],[-77.47,81.814],[-6.191,123.097],[6.196,122.704],[78.458,81.437],[80.901,77.356]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.204,0.533,0.949,0.563,0.139,0.767,0.918,0.998,0.075,1,0.886],"ix":9}},"s":{"a":0,"k":[1,-122],"ix":5},"e":{"a":0,"k":[1,125],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.914,231.623],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":22,"ty":4,"nm":"base Outlines","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[3.028,81.617,0],"ix":2},"a":{"a":0,"k":[502.028,336.617,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":90,"s":[86.214,86.214,100]},{"t":179,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.323,-1.35],[0,0],[-5.143,-3.063],[0,0],[-4.295,2.501],[0,0],[3.705,2.703],[0,0],[2.299,0]],"o":[[0,0],[-3.662,2.45],[0,0],[4.446,2.224],[0,0],[4.095,-2.385],[0,0],[-2.117,-1.063],[-2.605,0]],"v":[[-6.5,-52.065],[-88.842,-5.135],[-87.656,5.177],[-7.036,51.87],[6.973,51.426],[88.705,4.752],[88.378,-5.737],[7.746,-52.503],[1.029,-54.094]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.313725490196,0.709803921569,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.894,331.94],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.781,-1.617],[0,0],[-6.159,-3.668],[0,0],[-5.145,2.995],[0,0],[4.438,3.238],[0,0],[2.752,0]],"o":[[0,0],[-4.386,2.934],[0,0],[5.325,2.663],[0,0],[4.905,-2.856],[0,0],[-2.536,-1.273],[-3.12,0]],"v":[[-7.746,-56.265],[-95.772,-6.076],[-94.354,6.274],[-8.466,56.032],[8.313,55.499],[95.608,5.616],[95.217,-6.945],[9.315,-56.789],[1.27,-58.695]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.929411824544,0.870588295133,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[501.757,332.354],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[11.258,12.245],[-1.312,-7.317],[0,0],[5.234,-3.042],[0,0],[2.986,-4.876],[-3.061,-2.975],[-1.154,-0.644],[0,0],[0,0],[-5.145,2.995],[0,0]],"o":[[0,0],[0,0],[-5.411,-2.715],[0,0],[-7.253,-3.325],[-5.42,8.848],[0.715,0.793],[0.098,0.058],[0,0],[5.325,2.663],[0,0],[0,0]],"v":[[94.914,-14.504],[89.758,-7.902],[7.152,-55.836],[-9.909,-55.313],[-83.847,-13.238],[-100.753,-12.766],[-99.469,3.867],[-96.671,6.042],[-96.517,6.13],[-10.629,55.888],[6.15,55.355],[93.445,5.473]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gr","it":[{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":0,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.190172995773,0.598712936102,0.898039215686,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[504.014,341.822],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":4,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0}],"markers":[]}


--------------------------------------------------------------------------------