oddsgate-ds 1.0.2

package/. babelrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["babel-plugin-styled-components"]
+}

package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-3920d97c51b8ad2521918fb1205babd22b0ed3d7

@@ -0,0 +1 @@
+{"value":{"id":"FHNYeIfDWnTiqfS24P1KT","lastUsed":1714983288437},"type":"Object","created":"2024-05-06T08:14:48.440Z","ttl":0}

package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-43fdebe5fc35e4e9fabee9a83c7faea931b05ea0

@@ -0,0 +1 @@
+{"value":1714983160705,"type":"Number","created":"2024-05-06T08:12:40.705Z","ttl":0}

package/.cache/storybook/default/dev-server/a5a8bf6e622aef57065c6498611f40c911543d7d-f086b87885981c04ce7a583ff90a49313de83de7

@@ -0,0 +1 @@
+{"value":{"scaffolded-empty":{"body":{"eventType":"scaffolded-empty","eventId":"88R_SOHRbq62SeVQCd1Yw","sessionId":"FHNYeIfDWnTiqfS24P1KT","payload":{"packageManager":"npm","projectType":"react-vite-ts","metadataErrorMessage":"No configuration files have been found in your configDir: .storybook.\nStorybook needs a \"main.js\" file, please add it.\n\nYou can pass a --config-dir flag to tell Storybook, where your main.js file is located at).\n\nMore info: https://storybook.js.org/docs/configure\n"},"context":{"inCI":false,"isTTY":true,"platform":"macOS","cliVersion":"8.0.10","anonymousId":"b49ac1d914b7d0126f49e357fdb065f201ad0e89e4f5ebc3ef5698c3ebfe9ba4"}},"timestamp":1714983161040},"init":{"body":{"eventType":"init","eventId":"ocfWYDuHlqPvBNYkLS3fp","sessionId":"FHNYeIfDWnTiqfS24P1KT","metadata":{"generatedAt":1714983231973,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.10","storybookVersionSpecifier":"^8.0.10","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.0.10"},"@storybook/react":{"version":"8.0.10"},"@storybook/react-vite":{"version":"8.0.10"},"@storybook/test":{"version":"8.0.10"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.0.10"}},"addons":{"@storybook/addon-onboarding":{"version":"8.0.10"},"@storybook/addon-links":{"version":"8.0.10"},"@storybook/addon-essentials":{"version":"8.0.10"},"@chromatic-com/storybook":{"version":"1.3.3"},"@storybook/addon-interactions":{"version":"8.0.10"}}},"payload":{"projectType":"REACT"},"context":{"inCI":false,"isTTY":true,"platform":"macOS","cliVersion":"8.0.10","anonymousId":"b49ac1d914b7d0126f49e357fdb065f201ad0e89e4f5ebc3ef5698c3ebfe9ba4"}},"timestamp":1714983232503},"canceled":{"body":{"eventType":"canceled","eventId":"QBM0zczivIdKpcyAQ22jw","sessionId":"FHNYeIfDWnTiqfS24P1KT","payload":{"eventType":"init"},"context":{"inCI":false,"isTTY":true,"platform":"macOS","cliVersion":"8.0.10"}},"timestamp":1714983288445}},"type":"Object","created":"2024-05-06T08:14:48.446Z","ttl":0}

package/.eslintrc.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:storybook/recommended'],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

package/.storybook/main.ts

@@ -0,0 +1,28 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+    "@storybook/addon-themes"
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  typescript: {
+    check: false,
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {}, // Available only when reactDocgen is set to 'react-docgen-typescript'
+    skipCompiler: true,
+  },
+  staticDirs: ['../public'],
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,22 @@
+import GlobalStyles from './../src/styles/Global'
+import type { Preview } from "@storybook/react";
+import { withThemeFromJSXProvider } from '@storybook/addon-themes';
+
+export const decorators = [
+  withThemeFromJSXProvider({
+    GlobalStyles, // Adds your GlobalStyle component to all stories
+  }),
+];
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/README.md

@@ -0,0 +1,30 @@
+# DS
+
+## Start
+Change `package.json` name.
+
+Change utilities variables inside `styles/variables`.
+
+
+## File Structure
+Components should follow this structure:
+
+```javascript
+ComponentName.component
+ComponentName.interface
+ComponentName.stories
+ComponentName.theme
+```
+
+## Export components
+Before building export the new components inside `index.ts`.
+
+
+## Publish
+```javascript
+yarn bump-version
+
+yarn build
+
+npm publish
+```

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "oddsgate-ds",
+  "version": "1.0.2",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run clean && tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "bump-version": "npm version patch --no-git-tag-version",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "clean": "rimraf dist",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "blaze-slider": "^1.9.3",
+    "formik": "^2.4.6"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.3",
+    "@storybook/addon-essentials": "^8.0.10",
+    "@storybook/addon-interactions": "^8.0.10",
+    "@storybook/addon-links": "^8.0.10",
+    "@storybook/addon-onboarding": "^8.0.10",
+    "@storybook/addon-themes": "^8.0.10",
+    "@storybook/blocks": "^8.0.10",
+    "@storybook/react": "^8.0.10",
+    "@storybook/react-vite": "^8.0.10",
+    "@storybook/test": "^8.0.10",
+    "@types/node": "^20.12.8",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.19",
+    "babel-plugin-styled-components": "^2.1.4",
+    "classnames": "^2.5.1",
+    "esbuild": "^0.20.2",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-storybook": "^0.8.0",
+    "react-svg": "^16.1.34",
+    "rollup-plugin-hypothetical": "^2.1.1",
+    "storybook": "^8.0.10",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "uuid": "^9.0.1",
+    "vite": "^5.2.0",
+    "vite-tsconfig-paths": "^4.3.2",
+    "xss": "^1.0.15"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "styled-components": "^6.1.9"
+  },
+  "resolutions": {
+    "styled-components": "^5"
+  }
+}

package/public/assets/components/quotes.svg

@@ -0,0 +1,3 @@
+<svg width="62" height="54" viewBox="0 0 62 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M61.8228 40.3641C61.8228 44.1401 60.5838 47.2671 58.1058 49.7451C55.6278 52.2231 52.5598 53.4621 48.9018 53.4621C44.5358 53.4621 41.0548 51.9871 38.4588 49.0371C35.8628 46.0871 34.5648 41.6031 34.5648 35.5851C34.5648 28.1511 36.4528 21.3071 40.2288 15.0531C44.0048 8.68106 49.2558 3.84306 55.9818 0.539062L61.9998 12.0441C57.3978 13.8141 53.4448 16.0561 50.1408 18.7701C46.8368 21.4841 44.7128 24.9651 43.7688 29.2131C44.5948 28.8591 45.4208 28.5641 46.2468 28.3281C47.1908 28.0921 48.1938 27.9741 49.2558 27.9741C53.2678 27.9741 56.3358 29.1541 58.4598 31.5141C60.7018 33.7561 61.8228 36.7061 61.8228 40.3641ZM27.3078 40.3641C27.3078 44.1401 26.0688 47.2671 23.5908 49.7451C21.2308 52.2231 18.2218 53.4621 14.5638 53.4621C10.1978 53.4621 6.6578 51.9871 3.9438 49.0371C1.3478 46.0871 0.0498047 41.6031 0.0498047 35.5851C0.0498047 28.1511 1.9378 21.3071 5.7138 15.0531C9.48981 8.68106 14.7408 3.84306 21.4668 0.539062L27.4848 12.0441C22.8828 13.8141 18.9298 16.0561 15.6258 18.7701C12.4398 21.4841 10.3158 24.9651 9.25381 29.2131C10.0798 28.8591 10.9058 28.5641 11.7318 28.3281C12.6758 28.0921 13.6788 27.9741 14.7408 27.9741C18.7528 27.9741 21.8208 29.1541 23.9448 31.5141C26.1868 33.7561 27.3078 36.7061 27.3078 40.3641Z" fill="#E3EEFF"/>
+</svg>

package/public/assets/empty-state.svg

@@ -0,0 +1,19 @@
+<svg width="225" height="57" viewBox="0 0 225 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M75.7613 56.4777H77.1134L66.4297 33.448H65.3658L54.8373 56.4777H56.1894L65.8756 35.1326L75.7613 56.4777Z" fill="#111314"/>
+<path d="M103.18 33.448V34.6449H114.506V56.4777H115.703V34.6449H126.874V33.448H103.18Z" fill="#111314"/>
+<path d="M150.104 33.448V54.7267L134.189 33.448H132.815V56.4777H134.012V35.2212L149.926 56.4777H151.301V33.448H150.104Z" fill="#111314"/>
+<path d="M177.389 34.6449V33.448H162.339V56.4777H177.389V55.2808H163.536V45.5724H177.389V44.3755H163.536V34.6449H177.389Z" fill="#111314"/>
+<path d="M217.819 44.065C214.583 43.0897 211.546 42.1588 211.546 38.7231C211.546 36.2628 214.006 34.6669 217.796 34.6669C219.769 34.6669 221.919 35.2432 223.294 36.1298L223.537 36.285L224.158 35.3097L223.936 35.1545C222.363 34.1349 219.947 33.47 217.796 33.47C213.275 33.47 210.349 35.5313 210.349 38.7231C210.349 43.0675 213.94 44.1536 217.42 45.2176C220.7 46.215 223.803 47.146 223.781 50.7589C223.781 53.5296 221.143 55.3028 217.087 55.3028C214.472 55.3028 211.701 54.1724 210.061 52.4213L209.861 52.2218L209.019 53.0641L209.219 53.2636C211.147 55.2363 214.25 56.4997 217.109 56.4997C221.897 56.4997 225 54.2389 225 50.7589C225.022 46.2372 221.365 45.1289 217.819 44.065Z" fill="#111314"/>
+<path d="M200.973 56.4776H202.325L197.227 45.4614C200.064 44.9294 202.17 42.4469 202.17 39.5211C202.17 36.1741 199.444 33.47 196.119 33.47H185.413V56.4997H186.61V45.5944H195.919L200.973 56.4776ZM200.973 39.5211C200.973 42.2031 198.801 44.3753 196.119 44.3753H186.61V34.6669H196.119C198.779 34.6447 200.973 36.8391 200.973 39.5211Z" fill="#111314"/>
+<path d="M52.2218 37.5266C52.1996 37.4379 52.1553 37.3271 52.1109 37.2384C52.0666 37.1498 52.0444 37.0611 52.0001 36.9946C51.9558 36.9059 51.9114 36.8173 51.8671 36.7286C51.8228 36.64 51.7784 36.5513 51.7341 36.4848C51.6898 36.4183 51.6455 36.3296 51.6011 36.2631C51.5568 36.1745 51.4903 36.0858 51.4238 36.0193C51.3795 35.9528 51.3351 35.8863 51.2686 35.8198C51.2021 35.7312 51.1356 35.6425 51.0692 35.576C51.0248 35.5317 50.9805 35.4874 50.914 35.4209C50.8253 35.3322 50.7588 35.2435 50.6702 35.177C50.6258 35.1549 50.6037 35.1106 50.5594 35.0884L50.515 35.0662C50.4264 34.9776 50.3155 34.8889 50.2269 34.8224L50.116 34.7337C50.0052 34.6451 49.8944 34.5564 49.7614 34.4899L49.7171 34.4678C48.9413 33.9801 48.099 33.6698 47.1902 33.559C46.9242 33.5368 46.6804 33.5146 46.4366 33.5146H35.7529V56.5444H36.9499V45.6391H46.4588C46.6804 45.6391 46.9242 45.6169 47.1902 45.5947C48.099 45.4839 48.9413 45.1736 49.7171 44.686L49.7614 44.6638C49.8722 44.5751 49.9831 44.5086 50.116 44.42L50.2269 44.3313C50.3155 44.2427 50.4264 44.1762 50.5372 44.0653C50.5815 44.021 50.6258 43.9988 50.648 43.9545C50.7367 43.8658 50.8032 43.7994 50.914 43.6885C50.9583 43.6442 51.0027 43.5999 51.047 43.5334C51.1135 43.4447 51.18 43.3782 51.2465 43.2895C51.2908 43.2231 51.3351 43.1566 51.4016 43.0901C51.4681 43.0014 51.5125 42.9127 51.579 42.8462C51.6233 42.7797 51.6676 42.6911 51.7119 42.6246C51.7563 42.5359 51.8006 42.4473 51.8449 42.3586C51.8893 42.2699 51.9336 42.1813 51.9779 42.0926C52.0223 42.004 52.0444 41.9153 52.0888 41.8488C52.1331 41.7601 52.1553 41.6493 52.1996 41.5607L52.2218 41.5163C52.2439 41.4498 52.2661 41.3833 52.2882 41.3168C52.3104 41.206 52.3547 41.0952 52.3769 40.9844L52.3991 40.9179C52.4212 40.8514 52.4212 40.807 52.4434 40.7405C52.4656 40.6297 52.4877 40.4967 52.5099 40.3637V40.2972C52.5099 40.2529 52.5321 40.2086 52.5321 40.1642C52.5542 39.9648 52.5542 39.7653 52.5542 39.5658C52.5542 39.3663 52.5542 39.1668 52.5321 38.9673C52.5321 38.923 52.5099 38.8787 52.5099 38.8343L52.4877 38.7457C52.4656 38.6348 52.4656 38.5018 52.4212 38.391C52.3991 38.3245 52.3991 38.2802 52.3769 38.2137L52.3547 38.1472C52.3326 38.0364 52.3104 37.9255 52.2661 37.8369C52.2439 37.7704 52.2217 37.7039 52.1996 37.6152L52.2218 37.5266ZM51.3573 39.5214C51.3573 42.2034 49.1851 44.3756 46.5031 44.3756H37.0164V34.6672H46.5253C49.1851 34.6451 51.3573 36.8394 51.3573 39.5214Z" fill="#111314"/>
+<path d="M98.2147 56.4776H99.5668L94.4688 45.4614C97.3059 44.9294 99.4116 42.4469 99.4116 39.5211C99.4116 36.1741 96.6853 33.47 93.3605 33.47H82.6547V56.4997H83.8516V45.5944H93.161L98.2147 56.4776ZM98.2147 39.5211C98.2147 42.2031 96.0425 44.3753 93.3605 44.3753H83.8516V34.6669H93.3605C96.0203 34.6447 98.2147 36.8391 98.2147 39.5211Z" fill="#111314"/>
+<path d="M14.7625 33.448H13.5656V56.4777H14.7625V33.448Z" fill="#111314"/>
+<path d="M25.6677 44.3757H2.63794V45.5727H25.6677V44.3757Z" fill="#111314"/>
+<path d="M114.129 4.7877V28.6376H109.341V4.7877H100.254V0H123.217V4.7877H114.129Z" fill="#111314"/>
+<path d="M40.5625 4.7877V11.9249H56.189V16.7126H40.5625V23.8499H56.189V28.6376H35.7305V0H56.189V4.7877H40.5625Z" fill="#111314"/>
+<path d="M157.617 16.6683C157.617 24.1158 152.941 28.6597 145.271 28.6597C137.58 28.6597 132.881 24.1158 132.881 16.6683V0H137.669V16.1807C137.669 20.9684 140.639 23.872 145.316 23.872C149.948 23.872 152.83 21.0349 152.83 16.1807V0H157.617V16.6683Z" fill="#111314"/>
+<path d="M85.8461 28.6597L70.5964 8.06817V28.6597H65.8087V0H70.5964L85.8461 20.5251V0H90.656V28.6597H85.8461Z" fill="#111314"/>
+<path d="M167.215 28.6597H172.003V16.7348H181.135L185.657 28.6597H190.865L185.989 16.4467C188.782 15.4935 190.865 12.2574 190.865 8.37848C190.865 8.35632 190.865 8.33415 190.865 8.31199C190.865 8.28982 190.865 8.26766 190.865 8.22333C190.865 5.98463 190.134 3.96759 188.959 2.48251L188.937 2.46035C188.893 2.39385 188.826 2.32736 188.76 2.26086C187.607 0.864447 186.056 0 184.327 0H184.216H167.215V28.6597ZM182.221 11.9249H172.025V4.7877H182.221C184.194 4.7877 185.79 6.38361 185.79 8.35632C185.79 10.329 184.172 11.9249 182.221 11.9249Z" fill="#111314"/>
+<path d="M28.1721 0H22.9854L14.075 21.8328L5.18668 0H0L11.6811 28.6597H16.491L28.1721 0Z" fill="#111314"/>
+<path d="M213.031 0H208.221L196.54 28.6597H201.726L210.615 6.80475L219.525 28.6597H224.712L213.031 0Z" fill="#111314"/>
+</svg>

package/public/fonts/miewfont/miewfont.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="miewfont" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="anchor" d="M596.941 192c0-22.63-8.994-44.335-24.994-60.339-16.004-16.004-37.709-24.994-60.339-24.994-22.635 0-44.339 8.99-60.343 24.994-16 16.004-24.992 37.709-24.992 60.339s8.992 44.335 24.992 60.339c16.004 16.004 37.709 24.994 60.343 24.994 22.63 0 44.335-8.99 60.339-24.994 16-16.004 24.994-37.709 24.994-60.339zM672.887 569.216c-6.003 5.993-14.135 9.359-22.613 9.359-8.482 0-16.614-3.366-22.613-9.359l-84.053-84.053v272.171c0 8.487-3.375 16.626-9.374 22.627-6.003 6.001-14.14 9.373-22.626 9.373-8.491 0-16.627-3.372-22.63-9.373-5.999-6.001-9.37-14.141-9.37-22.627v-272.171l-84.055 84.053c-6.066 5.652-14.089 8.73-22.38 8.583s-16.2-3.505-22.063-9.367c-5.863-5.863-9.221-13.773-9.367-22.063s2.931-16.312 8.583-22.38l161.282-161.323 161.28 161.28c2.97 2.974 5.329 6.502 6.942 10.384 1.609 3.884 2.436 8.047 2.436 12.25s-0.828 8.367-2.436 12.25c-1.613 3.884-3.972 7.412-6.942 10.384z" />
+<glyph unicode="&#xe901;" glyph-name="behance" d="M297.859 768c29.541 0 56.863-2.286 81.827-9.051 25.010-4.526 45.49-13.577 63.66-24.869 18.214-11.337 31.851-27.154 40.913-47.497 9.105-20.343 13.683-45.257 13.683-72.366 0-31.68-6.844-58.788-22.746-79.131-13.636-20.39-36.382-38.446-63.658-52.023 38.647-11.337 68.189-31.68 86.404-58.833 18.167-27.11 29.542-61.030 29.542-99.477 0-31.676-6.844-58.786-18.214-81.417-11.328-22.626-29.542-42.97-50.022-56.546-22.246-14.554-46.839-25.25-72.72-31.633-27.276-6.814-54.551-11.341-81.827-11.341h-304.701v624.183h297.859zM279.644 514.743c25.010 0 45.49 6.767 61.393 18.057 15.903 11.292 22.745 31.68 22.745 56.549 0 13.577-2.311 27.109-6.842 36.16s-11.372 15.863-20.433 22.629c-9.107 4.526-18.214 9.051-29.587 11.291-11.373 2.286-22.699 2.286-36.383 2.286h-131.847v-147.018l140.954 0.047zM286.486 247.863c13.638 0 27.276 2.287 38.648 4.527 11.372 2.287 22.745 6.767 31.806 13.577 9.264 6.618 17.014 15.091 22.745 24.87 4.531 11.29 9.107 24.866 9.107 40.683 0 31.68-9.107 54.31-27.276 70.127-18.214 13.577-43.225 20.343-72.765 20.343h-150.062v-174.174l147.796 0.047zM725.299 250.15c18.167-18.103 45.444-27.153 81.826-27.153 25.011 0 47.757 6.763 65.924 18.057 18.214 13.577 29.585 27.153 34.116 40.683h111.415c-18.214-54.217-45.491-92.659-81.826-117.577-36.429-22.583-79.607-36.16-131.895-36.16-33.451-0.102-66.624 6.042-97.775 18.103-28.032 10.394-53.026 27.482-72.768 49.737-21.111 20.821-36.719 46.46-45.44 74.654-11.375 29.393-15.953 61.026-15.953 97.233 0 33.92 4.578 65.553 15.953 94.993 10.953 28.326 27.145 54.387 47.753 76.846 20.762 21.082 45.457 37.987 72.721 49.783 30.357 12.066 62.793 18.213 95.509 18.103 38.647 0 72.768-6.811 102.306-22.629 29.589-15.817 52.288-33.92 70.455-61.073 18.214-24.87 31.898-54.263 40.96-85.943 4.531-31.633 6.797-63.313 4.531-99.473h-329.664c0-36.207 13.636-70.127 31.851-88.23v0.047zM868.518 487.59c-15.902 15.817-40.913 24.866-70.498 24.866-20.437 0-36.386-4.57-50.022-11.337s-22.699-15.817-31.808-24.866c-8.38-8.742-13.935-19.755-15.949-31.637-2.266-11.337-4.531-20.386-4.531-29.393h204.617c-4.531 33.92-15.906 56.503-31.808 72.367zM668.437 725.029h254.635v-61.074h-254.588v61.074h-0.047z" />
+<glyph unicode="&#xe902;" glyph-name="chevron-down" d="M187.504 631.678c11.225 11.225 25.511 16.837 42.858 16.837s31.633-5.612 42.858-16.837l238.78-238.782 238.78 238.782c11.226 11.225 25.51 16.837 42.859 16.837s31.633-5.612 42.859-16.837c11.226-11.225 16.836-25.511 16.836-42.858s-5.611-31.633-16.836-42.858l-281.638-281.638c-6.123-6.123-12.757-10.47-19.9-13.043-7.142-2.569-14.797-3.836-22.959-3.793-8.162 0-15.817 1.284-22.959 3.857-7.142 2.569-13.777 6.895-19.9 12.979l-281.638 281.638c-11.225 11.225-16.837 25.511-16.837 42.858s5.612 31.633 16.837 42.858z" />
+<glyph unicode="&#xe903;" glyph-name="chevron-left" d="M695.68 772.496c11.221-11.225 16.836-25.511 16.836-42.858s-5.615-31.633-16.836-42.858l-238.78-238.78 238.78-238.78c11.221-11.226 16.836-25.51 16.836-42.859s-5.615-31.633-16.836-42.859c-11.226-11.226-25.51-16.836-42.859-16.836s-31.633 5.611-42.859 16.836l-281.638 281.638c-6.123 6.123-10.47 12.757-13.041 19.9s-3.837 14.797-3.796 22.959c0 8.162 1.286 15.817 3.857 22.959s6.898 13.777 12.98 19.9l281.638 281.638c11.226 11.225 25.51 16.837 42.859 16.837s31.633-5.612 42.859-16.837z" />
+<glyph unicode="&#xe904;" glyph-name="chevron-right" d="M324.397 123.503c-11.465 11.226-17.197 25.51-17.197 42.859s5.732 31.633 17.197 42.859l243.884 238.78-243.884 238.78c-11.465 11.225-17.197 25.511-17.197 42.858s5.732 31.633 17.197 42.858c11.465 11.225 26.056 16.837 43.774 16.837s32.309-5.612 43.774-16.837l287.656-281.638c6.255-6.123 10.697-12.757 13.321-19.9 2.628-7.142 3.921-14.797 3.878-22.959 0-8.162-1.314-15.817-3.938-22.959-2.628-7.142-7.049-13.777-13.261-19.9l-287.656-281.638c-11.465-11.226-26.056-16.836-43.774-16.836s-32.309 5.611-43.774 16.836z" />
+<glyph unicode="&#xe905;" glyph-name="chevron-up" d="M836.497 264.32c-11.226-11.221-25.51-16.836-42.859-16.836s-31.633 5.615-42.859 16.836l-238.78 238.784-238.78-238.784c-11.225-11.221-25.511-16.836-42.858-16.836s-31.633 5.615-42.858 16.836c-11.225 11.226-16.837 25.515-16.837 42.859 0 17.348 5.612 31.633 16.837 42.859l281.638 281.639c6.123 6.123 12.757 10.47 19.9 13.041s14.797 3.837 22.959 3.796c8.162 0 15.817-1.286 22.959-3.857s13.777-6.898 19.9-12.98l281.638-281.639c11.226-11.226 16.836-25.51 16.836-42.859 0-17.344-5.611-31.633-16.836-42.859z" />
+<glyph unicode="&#xe906;" glyph-name="close" d="M270.641 246.869c-11.108-11.11-11.108-29.12 0-40.23 11.108-11.106 29.118-11.106 40.226 0l201.133 201.135 201.131-201.135c11.11-11.106 29.12-11.106 40.23 0 11.106 11.11 11.106 29.12 0 40.23l-201.135 201.131 201.135 201.132c11.106 11.108 11.106 29.118 0 40.227-11.11 11.108-29.12 11.108-40.23 0l-201.131-201.133-201.132 201.133c-11.108 11.108-29.118 11.108-40.227 0s-11.108-29.118 0-40.227l201.133-201.132-201.133-201.131z" />
+<glyph unicode="&#xe907;" glyph-name="dribbble" d="M512 789.333c-67.507 0-133.503-20.019-189.635-57.525s-99.881-90.815-125.716-153.186c-25.835-62.369-32.594-131.002-19.424-197.213 13.17-66.214 45.679-127.031 93.416-174.771 47.736-47.735 108.556-80.243 174.769-93.414 66.21-13.171 134.844-6.409 197.214 19.426s115.678 69.581 153.186 125.713c37.504 56.132 57.523 122.129 57.523 189.636 0 44.826-8.828 89.21-25.984 130.623-17.152 41.412-42.295 79.041-73.988 110.736-31.697 31.696-69.325 56.838-110.737 73.992s-85.798 25.982-130.624 25.982zM512 721.067c70.135 0.028 137.549-27.133 188.075-75.776-52.156-30.59-107.422-55.535-164.864-74.411-28.587 49.26-61.363 95.968-97.963 139.605 24.303 6.997 49.463 10.559 74.752 10.581zM371.712 681.813c35.761-40.909 67.857-84.883 95.915-131.413-67-16.637-135.765-25.118-204.8-25.259h-12.288c19.36 65.548 62.598 121.453 121.173 156.672zM307.2 266.752c-44.416 49.877-68.742 114.462-68.267 181.248v9.899h23.211c80.806 0.721 161.157 12.203 238.933 34.133 10.923-20.821 21.163-42.325 31.061-64.512-53.197-18.752-102.741-46.588-146.432-82.261l-10.24-8.192c-24.333-21.854-47.142-45.346-68.267-70.315zM512 174.933c-54.404-0.119-107.581 16.179-152.576 46.763 16.617 19.059 34.401 37.073 53.248 53.931l10.923 9.216c40.384 33.967 86.665 60.228 136.533 77.483 20.527-55.501 36.506-112.576 47.787-170.667-30.729-11.217-63.202-16.883-95.915-16.725zM670.037 225.792c-11.166 51.661-25.762 102.515-43.691 152.235h11.605c1.344 0.333 2.752 0.333 4.096 0h23.552c35.921-0.102 71.569-6.217 105.472-18.091-18.624-54.285-54.003-101.257-101.035-134.144zM665.6 448h-21.163c-4.42 0.559-8.892 0.559-13.312 0-9.276-0.572-18.509-1.711-27.648-3.413h-3.413c-9.899 22.869-20.139 45.056-31.403 68.267 61.12 20.99 119.821 48.453 175.104 81.92 27.422-44.010 41.749-94.921 41.301-146.773v-17.408c-38.686 11.938-78.985 17.813-119.467 17.408z" />
+<glyph unicode="&#xe908;" glyph-name="facebook" d="M593.263 670.651h108.322v118.682h-108.322c-89.634 0-154.944-76.494-154.944-170.629v-65.609h-115.978v-111.55h115.978v-334.878h127.842v334.878h115.004l20.493 111.55h-135.497v78.221c0 22.445 14.263 39.336 27.102 39.336z" />
+<glyph unicode="&#xe909;" glyph-name="forward-arrow" d="M533.291 775.757l305.963-294.981c18.773-18.103 18.773-47.45 0-65.553l-305.963-294.98c-18.778-18.103-49.216-18.103-67.994 0-18.773 18.099-18.773 47.45 0 65.553l223.889 215.851h-472.168c-25.599 0-46.352 20.753-46.352 46.353s20.752 46.353 46.352 46.353h472.168l-223.889 215.853c-18.773 18.101-18.773 47.45 0 65.551 18.778 18.101 49.216 18.101 67.994 0z" />
+<glyph unicode="&#xe90a;" glyph-name="github" d="M335.228 646.172c-8.524 21.752-8.183 46.607-4.398 69.347 26.054-7.807 50.524-20.157 72.279-36.481 9.546-7.296 22.059-9.649 33.72-6.137 29.918 8.952 60.992 13.455 92.224 13.365 32.764 0 63.893-4.773 92.156-13.331 11.661-3.546 24.171-1.159 33.685 6.137 21.743 16.32 46.204 28.67 72.243 36.481 3.785-22.741 4.092-47.596-4.361-69.313-5.116-13.092-2.56-28.162 7.091-38.868 24.683-27.377 37.845-58.846 37.845-91.575 0-72.077-67.166-142.754-175.040-164.267-27.004-5.389-37.538-39.377-16.879-58.846 13.265-12.48 21.444-30.071 21.444-49.643v-102.281c0-9.041 3.593-17.715 9.988-24.111 6.391-6.391 15.066-9.984 24.107-9.984 9.045 0 17.715 3.593 24.111 9.984 6.391 6.396 9.984 15.070 9.984 24.111v102.281c0 19.435-4.092 37.914-11.388 54.656 102.861 35.695 181.858 116.053 181.858 218.099 0 45.923-16.499 88.132-43.878 123.488 7.159 27.957 6.511 56.119 3.785 77.735-2.419 19.366-5.794 44.731-19.435 59.869-20.284 22.468-53.867 9.239-77.734 1.091-25.6-8.663-49.958-20.641-72.448-35.628-31.744 8.1-64.375 12.167-97.135 12.103-33.89 0-66.586-4.262-97.203-12.137-22.491 14.988-46.848 26.966-72.45 35.628-23.866 8.183-57.483 21.411-77.769-1.057-13.91-15.411-16.808-38.765-19.297-58.608l-0.17-1.295c-2.728-21.65-3.341-49.846 3.819-77.837-27.276-35.322-43.777-77.462-43.777-123.351 0-102.012 78.996-182.404 181.858-218.099-7.445-17.024-11.321-35.392-11.387-53.973l-5.728-1.161c-24.446-3.375-40.095-0.341-50.732 4.16-25.911 10.978-39.276 38.63-55.573 59.767-10.16 13.129-24.957 29.525-47.663 37.094-4.249 1.417-8.735 1.98-13.202 1.66s-8.827-1.515-12.832-3.516c-8.088-4.049-14.237-11.145-17.095-19.725s-2.189-17.946 1.859-26.035c4.047-8.090 11.142-14.238 19.723-17.092 19.024-6.345 32.185-38.938 44.254-53.393 12.717-15.275 29.628-31.232 53.869-41.527 23.252-9.886 50.562-13.397 83.121-9.408v-33.788c0-9.041 3.592-17.715 9.986-24.111 6.394-6.391 15.066-9.984 24.106-9.984 9.045 0 17.715 3.593 24.111 9.984 6.391 6.396 9.984 15.070 9.984 24.111v102.281c0 19.571 8.183 37.163 21.444 49.643 20.698 19.503 10.129 53.457-16.875 58.846-107.908 21.513-175.039 92.19-175.039 164.267 0 32.661 13.126 64.13 37.776 91.508 9.649 10.705 12.172 25.775 7.057 38.867z" />
+<glyph unicode="&#xe90b;" glyph-name="gitlab" d="M883.23 412.834l-100.638 342.768c-7.023 21.163-23.753 33.731-44.638 33.731-21.623 0-39.275-12.476-45.931-32.53l-65.984-196.843h-228.078l-65.984 196.843c-6.654 20.054-24.305 32.53-45.93 32.53-21.348 0-39.276-13.677-44.729-33.824l-100.547-342.676c-4.067-13.581 1.109-29.018 12.476-37.611l340.546-255.433c2.406-3.328 5.73-5.824 9.613-7.211l7.949-5.914 7.855 5.914c4.527 1.57 8.316 4.343 10.995 8.226l340.459 254.511c11.456 8.499 16.631 23.936 12.565 37.517zM733.333 744.42c0.926 1.664 2.679 1.756 3.234 1.756 1.020 0 2.313-0.277 3.145-2.772l54.895-184.644h-123.375l62.101 185.661zM282.906 743.496c0.832 2.403 2.126 2.68 3.142 2.68 2.495 0 2.68-0.092 3.142-1.571l62.195-185.938h-121.895l53.416 184.829zM185.408 406.831l26.061 89.916 187.047-249.702-213.108 159.787zM253.703 514.398h112.838l83.913-262.733-196.751 262.733zM512.649 206.012l-99.069 308.386h198.042l-98.974-308.386zM658.573 514.398h110.434l-194.347-259.499 83.913 259.499zM620.958 242.795l191.578 255.71 27.26-91.674-218.837-164.036z" />
+<glyph unicode="&#xe90c;" glyph-name="instagram" d="M512.030 789.333c-92.699 0-104.333-0.405-140.742-2.062-36.338-1.664-61.141-7.417-82.844-15.858-22.45-8.718-41.494-20.381-60.466-39.36-18.987-18.973-30.649-38.016-39.396-60.459-8.462-21.71-14.222-46.521-15.857-82.845-1.629-36.409-2.055-48.049-2.055-140.75s0.413-104.299 2.062-140.706c1.671-36.339 7.424-61.141 15.858-82.846 8.725-22.451 20.387-41.493 39.367-60.467 18.965-18.987 38.009-30.677 60.444-39.394 21.717-8.439 46.528-14.195 82.859-15.859 36.409-1.655 48.036-2.061 140.728-2.061 92.71 0 104.307 0.405 140.715 2.061 36.339 1.664 61.171 7.42 82.889 15.859 22.443 8.717 41.459 20.407 60.425 39.394 18.987 18.974 30.647 38.016 39.394 60.459 8.393 21.713 14.153 46.524 15.859 82.846 1.634 36.407 2.061 48.013 2.061 140.715s-0.427 104.334-2.061 140.743c-1.707 36.337-7.467 61.141-15.859 82.844-8.747 22.45-20.407 41.493-39.394 60.466-18.987 18.987-37.973 30.649-60.446 39.36-21.76 8.441-46.579 14.194-82.914 15.858-36.412 1.657-48 2.062-140.732 2.062h0.107zM481.434 727.823c5.943 0.009 12.339 0.006 19.243 0.003l11.379-0.003c91.136 0 101.935-0.327 137.924-1.963 33.28-1.522 51.345-7.083 63.377-11.755 15.927-6.187 27.285-13.583 39.223-25.529 11.947-11.947 19.341-23.324 25.545-39.253 4.672-12.017 10.24-30.080 11.755-63.36 1.634-35.982 1.988-46.791 1.988-137.886 0-91.093-0.354-101.901-1.988-137.882-1.523-33.28-7.083-51.345-11.755-63.36-6.191-15.932-13.598-27.273-25.545-39.211-11.947-11.947-23.287-19.345-39.223-25.532-12.019-4.693-30.097-10.24-63.377-11.759-35.981-1.638-46.788-1.993-137.924-1.993-91.145 0-101.947 0.354-137.929 1.993-33.28 1.536-51.342 7.095-63.381 11.767-15.929 6.187-27.307 13.581-39.253 25.527s-19.342 23.296-25.543 39.232c-4.672 12.019-10.24 30.080-11.755 63.36-1.636 35.985-1.963 46.793-1.963 137.941 0 91.152 0.327 101.904 1.963 137.886 1.521 33.28 7.083 51.343 11.755 63.375 6.187 15.929 13.596 27.307 25.543 39.253s23.325 19.342 39.253 25.543c12.032 4.694 30.101 10.24 63.381 11.769 31.488 1.422 43.691 1.849 107.308 1.92v-0.085zM694.255 671.148c-22.613 0-40.96-18.325-40.96-40.945 0-22.613 18.347-40.96 40.96-40.96s40.96 18.347 40.96 40.96c0 22.613-18.347 40.96-40.96 40.96v-0.015zM336.765 448c0 96.801 78.481 175.285 175.282 175.289 96.802 0 175.266-78.485 175.266-175.289 0-96.802-78.455-175.253-175.262-175.253-96.801 0-175.287 78.451-175.287 175.253zM625.826 448c0 62.839-50.944 113.777-113.779 113.777-62.839 0-113.776-50.938-113.776-113.777 0-62.835 50.936-113.779 113.776-113.779 62.835 0 113.779 50.944 113.779 113.779z" />
+<glyph unicode="&#xe90d;" glyph-name="linkedin" d="M169.716 106.667h147.982v476.222h-147.982v-476.222zM165.833 715.418c0-40.954 30.22-74.067 76.96-74.067 49.632 0 79.776 33.113 79.776 74.067-0.913 41.791-30.144 73.915-77.873 73.915s-78.863-32.124-78.863-73.915zM710.187 106.667h147.981v281.579c0 140.215-73.003 205.453-170.364 205.453-79.851 0-127.578-45.826-147.068-76.886h-2.97l-6.775 66.153h-128.569c1.979-42.781 3.882-92.491 3.882-151.942v-324.279h148.059v274.573c0 13.628 0.99 27.328 4.945 36.996 10.735 27.174 35.017 55.415 75.895 55.415 53.513 0 74.982-41.715 74.982-103.147v-263.915z" />
+<glyph unicode="&#xe90e;" glyph-name="location" d="M512 168.725c-154.238 0-279.273 125.035-279.273 279.275 0 154.238 125.035 279.273 279.273 279.273 154.24 0 279.275-125.035 279.275-279.273 0-154.24-125.035-279.275-279.275-279.275zM512 106.667c188.514 0 341.333 152.819 341.333 341.333s-152.819 341.333-341.333 341.333c-188.513 0-341.333-152.82-341.333-341.333s152.82-341.333 341.333-341.333zM612.848 440.243c0-51.413-41.678-93.091-93.091-93.091s-93.091 41.678-93.091 93.091c0 51.413 41.678 93.091 93.091 93.091s93.091-41.678 93.091-93.091z" />
+<glyph unicode="&#xe90f;" glyph-name="medium" d="M872.55 709.111l68.489 65.809v14.413h-237.201l-169.045-422.784-192.287 422.784h-248.71v-14.413l79.998-96.757c7.821-7.151 11.843-17.653 10.838-28.156v-380.217c2.458-13.743-1.899-27.708-11.508-37.649l-90.165-109.833v-14.191h255.413v14.413l-90.054 109.495c-4.825 4.898-8.454 10.846-10.606 17.378-2.151 6.528-2.766 13.47-1.796 20.275v328.932l224.24-490.716h26.035l192.845 490.716v-390.94c0-10.278 0-12.403-6.703-19.217l-69.385-67.375v-14.413h336.529v14.413l-66.927 65.809c-5.811 4.467-8.828 11.955-7.599 19.217v483.788c-0.576 3.59-0.179 7.27 1.161 10.653 1.335 3.382 3.563 6.341 6.438 8.565z" />
+<glyph unicode="&#xe910;" glyph-name="menu-burguer-close" d="M199.111 476.446h625.778c15.709 0 28.444-12.735 28.444-28.444v0c0-15.709-12.735-28.444-28.444-28.444h-625.778c-15.709 0-28.444 12.735-28.444 28.444v0c0 15.709 12.735 28.444 28.444 28.444z" />
+<glyph unicode="&#xe911;" glyph-name="menu-burguer" d="M483.554 135.113c0-15.71 12.736-28.446 28.446-28.446s28.446 12.736 28.446 28.446v284.442h284.442c15.71 0 28.446 12.736 28.446 28.446s-12.736 28.446-28.446 28.446h-284.442v284.443c0 15.709-12.736 28.445-28.446 28.445s-28.446-12.735-28.446-28.445v-284.443h-284.443c-15.709 0-28.445-12.736-28.445-28.446s12.735-28.446 28.445-28.446h284.443v-284.442z" />
+<glyph unicode="&#xe912;" glyph-name="pinterest" d="M512 789.333c-188.518 0-341.333-152.815-341.333-341.333s152.815-341.333 341.333-341.333c188.518 0 341.333 152.815 341.333 341.333s-152.815 341.333-341.333 341.333zM238.933 448c0.011 56.832 17.754 112.243 50.754 158.511s79.615 81.087 133.346 99.603c53.728 18.516 111.9 19.806 166.398 3.691s102.609-48.832 137.63-93.591c35.021-44.759 55.202-99.328 57.732-156.105 2.534-56.772-12.71-112.926-43.61-160.623s-75.908-84.565-128.755-105.468c-52.851-20.902-110.903-24.794-166.067-11.132l24.508 115.166c23.45-20.343 52.565-28.092 80.521-27.58 30.652 0.58 61.44 10.923 87.211 27.136 25.668 16.145 48.606 39.595 61.167 68.506 13.577 31.168 19.183 65.225 16.311 99.098-2.876 33.873-14.135 66.5-32.764 94.935-18.633 28.435-44.049 51.786-73.958 67.945s-63.369 24.619-97.365 24.615c-33.997-0.003-67.456-8.468-97.362-24.633s-55.319-39.52-73.945-67.958c-18.626-28.437-29.879-61.069-32.745-94.942s2.745-67.93 16.328-99.093c1.699-4.241 4.234-8.102 7.453-11.345 3.219-3.247 7.057-5.811 11.286-7.543 4.229-1.737 8.763-2.603 13.334-2.551s9.084 1.024 13.273 2.85c4.189 1.83 7.968 4.484 11.112 7.799s5.591 7.232 7.194 11.511c1.603 4.279 2.33 8.841 2.138 13.406-0.192 4.57-1.3 9.050-3.257 13.18-8.091 18.598-11.936 38.767-11.255 59.042 0.681 20.271 5.869 40.137 15.188 58.15 9.319 18.018 22.536 33.729 38.687 45.997 16.154 12.268 34.837 20.783 54.694 24.926 19.853 4.143 40.384 3.81 60.096-0.975 19.708-4.785 38.106-13.901 53.854-26.687 15.744-12.785 28.446-28.918 37.175-47.226s13.274-38.332 13.295-58.615c0-37.376-13.995-72.26-46.319-92.604-16.657-10.513-35.465-16.384-52.087-16.657-16.282-0.341-28.74 4.574-37.376 13.619-8.465 8.875-17.783 26.010-17.783 58.095 0 20.48 7.817 37.547 17.169 81.647 1.011 4.412 1.135 8.986 0.363 13.444-0.768 4.463-2.423 8.725-4.855 12.544-2.436 3.819-5.606 7.113-9.327 9.694-3.725 2.577-7.919 4.39-12.348 5.333s-9.003 0.994-13.453 0.154c-4.446-0.845-8.687-2.564-12.463-5.060-3.78-2.496-7.023-5.717-9.545-9.481-2.517-3.759-4.267-7.987-5.137-12.429l-63.488-298.428c-43.251 23.433-79.367 58.116-104.53 100.386s-38.437 90.551-38.42 139.742z" />
+<glyph unicode="&#xe913;" glyph-name="search" d="M671.245 349.077h-31.633l-11.213 10.803c25.024 29.056 43.315 63.279 53.559 100.22 10.244 36.945 12.19 75.695 5.705 113.478-18.82 111.25-111.718 200.090-223.834 213.696-39.417 4.984-79.452 0.89-117.041-11.969s-71.738-34.141-99.831-62.218c-28.094-28.077-49.388-62.205-62.255-99.773s-16.963-77.579-11.976-116.974c13.615-112.047 102.507-204.89 213.822-223.701 37.805-6.481 76.577-4.535 113.543 5.7 36.962 10.24 71.206 28.518 100.279 53.53l10.812-11.204v-31.616l170.176-170.078c16.418-16.405 43.243-16.405 59.661 0 16.418 16.41 16.418 43.221 0 59.627l-169.775 170.479zM430.993 349.077c-99.702 0-180.186 80.435-180.186 180.079 0 99.647 80.484 180.083 180.186 180.083 99.703 0 180.19-80.436 180.19-180.083 0-99.644-80.486-180.079-180.19-180.079z" />
+<glyph unicode="&#xe914;" glyph-name="tripadvisor" d="M512.171 667.165c-75.947 0-151.837-22.3-217.458-66.929h-124.046l55.837-60.729c-25.441-23.18-43.275-53.511-51.16-87.013-7.885-33.498-5.453-68.599 6.978-100.693s34.279-59.674 62.673-79.125c28.395-19.447 62.008-29.85 96.424-29.845 43.003-0.034 84.422 16.226 115.913 45.513l54.669-59.507 54.669 59.452c31.471-29.257 72.858-45.5 115.827-45.457 45.252 0 88.653 17.975 120.661 49.967 32.004 31.996 49.988 75.392 50.005 120.644 0.026 23.735-4.911 47.211-14.498 68.919-9.587 21.713-23.612 41.178-41.169 57.146l55.838 60.729h-123.733c-64.111 43.642-139.874 66.964-217.429 66.929zM512 611.414c43.55 0 87.125-8.619 128.115-25.685-72.849-27.876-128.115-93.069-128.115-169.016 0 75.972-55.241 141.14-128.114 169.016 40.594 16.919 84.133 25.667 128.114 25.685zM341.39 528.866c15.162 0 30.176-2.987 44.183-8.785 14.008-5.803 26.736-14.31 37.457-25.028 10.72-10.722 19.227-23.45 25.030-37.457 5.798-14.007 8.785-29.022 8.785-44.186 0-15.159-2.987-30.174-8.785-44.181-5.803-14.007-14.31-26.735-25.030-37.457-10.721-10.722-23.449-19.226-37.457-25.028s-29.021-8.789-44.183-8.789c-30.621 0-59.987 12.164-81.64 33.818s-33.816 51.021-33.816 81.638c0 30.622 12.164 59.989 33.816 81.643 21.652 21.649 51.019 33.813 81.64 33.813zM682.496 528.811c15.155 0.004 30.165-2.974 44.169-8.768 14.007-5.794 26.731-14.293 37.453-25.007s19.23-23.433 25.033-37.431c5.807-13.999 8.798-29.009 8.802-44.164s-2.974-30.165-8.768-44.169c-5.794-14.007-14.293-26.731-25.007-37.453s-23.433-19.226-37.431-25.033c-14.003-5.807-29.009-8.798-44.164-8.802-30.609-0.013-59.968 12.139-81.621 33.775s-33.822 50.987-33.835 81.596c-0.013 30.609 12.139 59.968 33.775 81.621s50.987 33.822 81.596 33.835zM341.39 473.911c-16.053 0-31.449-6.374-42.801-17.728-11.351-11.349-17.728-26.748-17.728-42.799 0-16.055 6.377-31.45 17.728-42.803 11.352-11.349 26.748-17.728 42.801-17.728s31.45 6.379 42.801 17.728c11.351 11.354 17.729 26.748 17.729 42.803 0 16.051-6.377 31.45-17.729 42.799-11.351 11.354-26.747 17.728-42.801 17.728zM682.496 473.911c-16.055 0-31.45-6.374-42.799-17.728-11.354-11.349-17.732-26.748-17.732-42.799 0-16.055 6.379-31.45 17.732-42.803 11.349-11.349 26.743-17.728 42.799-17.728s31.45 6.379 42.799 17.728c11.354 11.354 17.732 26.748 17.732 42.803 0 16.051-6.379 31.45-17.732 42.799-11.349 11.354-26.743 17.728-42.799 17.728z" />
+<glyph unicode="&#xe915;" glyph-name="tumblr" d="M315.443 597.163c43.939 9.466 83.309 33.701 111.548 68.668 28.241 34.967 43.648 78.556 43.657 123.503h103.424v-175.855h124.143v-124.109h-124.143v-186.163c0-17.579 6.758-41.199 31.061-56.9 16.179-10.479 50.654-15.633 103.424-15.531v-124.109h-144.828c-41.148 0.009-80.606 16.363-109.7 45.461-29.093 29.099-45.436 68.561-45.436 109.709v227.533h-93.15v107.793z" />
+<glyph unicode="&#xe916;" glyph-name="twitter" d="M729.169 789.333h115.81l-253.013-289.203 297.668-393.463h-233.062l-182.524 238.665-208.894-238.665h-115.87l270.637 309.346-285.554 373.289h238.979l164.996-218.146 190.827 218.178zM688.546 175.962h64.162l-414.23 547.695h-68.855l418.923-547.695z" />
+<glyph unicode="&#xe917;" glyph-name="youtube" d="M982.66 450.94c0 2.313 0 4.941-0.107 7.987-0.102 8.508-0.311 18.069-0.525 28.258-0.841 29.312-2.308 58.519-4.621 86.044-3.153 37.926-7.774 69.548-14.080 93.292-6.652 24.778-19.691 47.376-37.811 65.535-18.125 18.16-40.695 31.244-65.459 37.947-29.73 7.984-87.932 12.922-169.877 15.969-38.976 1.471-80.687 2.416-122.394 2.941-14.605 0.21-28.156 0.315-40.341 0.42h-30.886c-12.19-0.105-25.741-0.21-40.346-0.42-41.706-0.525-83.414-1.471-122.391-2.941-81.946-3.152-140.253-8.090-169.879-15.969-24.772-6.686-47.353-19.765-65.478-37.927s-31.159-40.769-37.794-65.555c-6.409-23.743-10.926-55.366-14.078-93.292-2.311-27.525-3.782-56.732-4.623-86.044-0.315-10.189-0.42-19.75-0.525-28.258 0-3.046-0.105-5.675-0.105-7.987v-5.879c0-2.313 0-4.941 0.105-7.987 0.105-8.508 0.315-18.069 0.525-28.258 0.841-29.312 2.311-58.517 4.623-86.046 3.152-37.922 7.774-69.547 14.078-93.291 13.447-50.321 52.949-90.035 103.272-103.479 29.626-7.987 87.933-12.924 169.879-15.97 38.976-1.472 80.684-2.415 122.391-2.94 14.605-0.213 28.156-0.316 40.346-0.422h30.886c12.186 0.107 25.737 0.209 40.341 0.422 41.707 0.525 83.418 1.468 122.394 2.94 81.946 3.153 140.25 8.090 169.877 15.97 50.321 13.444 89.826 53.052 103.27 103.479 6.409 23.744 10.927 55.369 14.080 93.291 2.313 27.529 3.78 56.734 4.621 86.046 0.316 10.189 0.422 19.75 0.525 28.258 0 3.046 0.107 5.675 0.107 7.987v5.879zM907.021 445.478c0-2.206 0-4.621-0.107-7.458-0.107-8.196-0.316-17.229-0.525-26.999-0.738-27.947-2.206-55.893-4.412-81.843-2.837-33.826-6.831-61.564-11.767-80.158-6.515-24.269-25.634-43.494-49.796-49.903-22.063-5.884-77.641-10.611-153.178-13.449-38.238-1.468-79.424-2.415-120.499-2.94-14.396-0.209-27.738-0.316-39.714-0.316h-30.046l-39.71 0.316c-41.079 0.525-82.157 1.472-120.503 2.94-75.537 2.944-131.217 7.565-153.175 13.449-24.163 6.515-43.284 25.634-49.798 49.903-4.937 18.594-8.93 46.332-11.766 80.158-2.206 25.95-3.572 53.897-4.413 81.843-0.315 9.771-0.42 18.91-0.525 26.999 0 2.837-0.105 5.359-0.105 7.458v5.043c0 2.206 0 4.621 0.105 7.458 0.105 8.196 0.315 17.229 0.525 26.999 0.736 27.947 2.206 55.892 4.413 81.841 2.836 33.829 6.829 61.564 11.766 80.159 6.514 24.268 25.634 43.494 49.798 49.903 22.062 5.883 77.638 10.611 153.175 13.447 38.241 1.471 79.424 2.417 120.503 2.942 14.391 0.21 27.733 0.315 39.71 0.315h30.046l39.714-0.315c41.075-0.525 82.155-1.471 120.499-2.942 75.537-2.941 131.217-7.564 153.178-13.447 24.162-6.513 43.281-25.634 49.796-49.903 4.937-18.595 8.93-46.33 11.767-80.159 2.206-25.949 3.571-53.895 4.412-81.841 0.316-9.771 0.418-18.91 0.525-26.999 0-2.837 0.107-5.359 0.107-7.458v-5.043zM418.499 307.221l243.734 141.828-243.734 139.728v-281.556z" />
+<glyph unicode="&#xe918;" glyph-name="whatsapp" d="M840.742 780.934c-87.791 88-204.706 136.4-328.951 136.4-256.458 0-465.143-208.686-465.143-465.143 0-81.924 21.372-161.963 62.019-232.572l-66-240.951 246.609 64.742c67.886-37.086 144.362-56.572 222.306-56.572h0.209c256.247 0 469.542 208.687 469.542 465.143 0 124.248-52.8 240.953-140.591 328.953zM511.791 65.199c-69.564 0-137.658 18.65-196.953 53.85l-14.038 8.38-146.248-38.345 38.971 142.686-9.219 14.669c-38.762 61.598-59.086 132.629-59.086 205.751 0 213.086 173.486 386.572 386.781 386.572 103.296 0 200.303-40.228 273.22-113.352 72.913-73.124 117.751-170.133 117.542-273.429 0-213.295-177.886-386.782-390.972-386.782zM723.827 354.761c-11.524 5.867-68.723 33.946-79.407 37.717-10.688 3.981-18.441 5.867-26.193-5.867s-29.961-37.717-36.877-45.679c-6.703-7.753-13.619-8.798-25.139-2.931-68.305 34.15-113.143 60.971-158.192 138.283-11.943 20.535 11.943 19.068 34.152 63.488 3.772 7.753 1.886 14.457-1.045 20.324-2.935 5.867-26.192 63.067-35.83 86.324-9.428 22.628-19.066 19.485-26.191 19.904-6.705 0.419-14.457 0.419-22.209 0.419s-20.324-2.933-31.010-14.457c-10.686-11.733-40.648-39.81-40.648-97.009s41.696-112.516 47.352-120.268c5.867-7.753 81.924-125.086 198.63-175.578 73.749-31.851 102.665-34.573 139.541-29.124 22.421 3.349 68.723 28.075 78.362 55.313s9.638 50.496 6.707 55.313c-2.726 5.239-10.479 8.171-22.003 13.828z" />
+</font></defs></svg>

package/src/components/atoms/Button/Button.component.tsx

@@ -0,0 +1,48 @@
+import { IButton } from './Button.interface'
+import React from 'react'
+import { StyledButton } from './Button.theme'
+
+const Button = ({
+  id,
+  as = 'a',
+  children,
+  variant,
+  mode,
+  outlined,
+  leftIcon,
+  rightIcon,
+  removeLabel,
+  className,
+  href,
+  ariaLabel,
+  rel,
+  target,
+  disabled,
+  type,
+  ...props
+}: IButton) => {
+  return (
+    <StyledButton
+      id={id ? id : undefined}
+      as={href ? 'a' : 'button'}
+      type={type || 'button'}
+      $variant={variant}
+      $mode={mode}
+      outlined={outlined}
+      disabled={disabled}
+      removeLabel={removeLabel}
+      href={href ? href : undefined}
+      target={target ? target : undefined}
+      rel={href ? rel : undefined}
+      aria-label={href ? ariaLabel : undefined}
+      className={className}
+      {...props}
+    >
+      {leftIcon}
+      {children && <span>{children}</span>}
+      {rightIcon}
+    </StyledButton>
+  )
+}
+
+export default Button

package/src/components/atoms/Button/Button.interface.ts

@@ -0,0 +1,29 @@
+import { CSSProperties } from 'react';
+
+interface IButtonBase {
+  id?: string
+  as?: 'button' | 'a',
+  type?: string
+  outlined?: boolean;
+  leftIcon?: React.ReactElement;
+  rightIcon?: React.ReactElement;
+  removeLabel?: boolean;
+  href?: string;
+  ariaLabel?: string;
+  rel?: string;
+  disabled?: boolean;
+  target?: string;
+  className?: string;
+  style?: CSSProperties
+  children?: React.ReactNode;
+  onClick?: (event?: React.MouseEvent<HTMLElement>) => void
+}
+export interface IButtonSC extends IButtonBase {
+  $variant?: string;
+  $mode?: string;
+}
+export interface IButton extends IButtonBase {
+  variant?: string;
+  mode?: string;
+}
+

package/src/components/atoms/Button/Button.stories.tsx

@@ -0,0 +1,58 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import Button from './Button.component'
+import { IButton } from './Button.interface'
+import Icon from '../Icon'
+import React from 'react'
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: 'Components/Button',
+  component: Button,
+  tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+  argTypes: {
+    href: { control: 'text' },
+    backgroundColor: { control: 'color' },
+    variant: {
+      options: ['primary', 'secondary']
+    },
+    mode: {
+      options: ['dark', 'light'],
+      control: { type: 'inline-radio' }
+    },
+    disabled: {
+      control: { type: 'boolean' }
+    },
+    removeLabel: {
+      control: { type: 'boolean' }
+    },
+    align: {
+      options: ['left', 'center', 'right']
+    },
+    className: { control: 'text' }
+  },
+  args: {
+    children: 'Button'
+  }
+} as Meta
+
+export const Primary: StoryObj<IButton> = {
+  render: args => <Button {...args} />,
+  args: {
+    mode: "dark",
+    rightIcon: <Icon icon="icon-chevron-right"></Icon>
+  }
+}
+export const Secondary: StoryObj<IButton> = {
+  args: {
+    ...Primary.args,
+    variant: 'secondary'
+  }
+}
+export const Disabled: StoryObj<IButton> = {
+  args: {
+    ...Primary.args,
+    disabled: true
+  }
+}

package/src/components/atoms/Button/Button.theme.ts

@@ -0,0 +1,126 @@
+import { colors, radius, responsiveMedia, spaces, typography } from '@/styles/variables';
+import styled, { css } from 'styled-components';
+
+import { IButtonSC } from './Button.interface';
+import { fontSize } from '@/styles/utilities';
+
+export const StyledButton = styled.a<IButtonSC>`
+  display: inline-flex;
+  vertical-align: middle;
+  justify-content: center;
+  align-items: center;
+  border: 0;
+  outline: 0;
+  background-color: transparent;
+  font-weight: 300;
+
+  margin-right: ${spaces[3]};
+
+  transition: all 0.3s ease;
+  cursor: pointer;
+
+  &:only-child,
+  &:only-of-type,
+  &:last-of-type {
+    margin-right: 0;
+  }
+
+  &>span,
+  &>i {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  &>i {
+    color: currentColor;
+    transition: all 0.3s ease;
+  }
+
+  & *~span,
+  & span~* {
+    margin-left: ${spaces[2]};
+  }
+
+  ${(props) => {
+    switch (props.$variant) {
+      case "primary": default:
+        return css`
+            ${fontSize('h6')};
+            w-[3rem] h-[3rem] line-height-[3rem] text-[2.6rem] color-current border-1-solid-current radius-full translate-z-45 text-center before
+            & i{
+              width: 3rem;
+              height: 3rem;
+              line-height: 3rem;
+              font-size: 2.6rem;
+
+              color: currentColor;
+              border: 1px solid currentColor;
+              border-radius: 50px;
+
+              transition: all 0.3s linear;
+              transform: rotateZ(-45deg);
+              transform-origin: center center;
+              text-align: center;
+
+              &::before{
+                line-height: inherit;
+              }
+            }
+
+            &:hover {
+              & i{
+                transform: rotateZ(0);
+              }
+            }
+
+            ${props.$mode === "dark" ? `
+              color: ${colors.primary10};
+              ` : `
+              color: ${colors.white};
+            `}
+          `;
+      case "secondary":
+        return css`
+          ${fontSize('h6')};
+
+          & span{
+            text-decoration: underline;
+          }
+
+          &:hover{
+            opacity: 0.6;
+          }
+
+
+          ${props.$mode === "dark" ? `
+            color: ${colors.primary10};
+            ` : `
+            color: ${colors.white};
+          `}
+        `;
+    }
+  }}
+
+
+  ${({ removeLabel }) => removeLabel && `
+    @media only screen and (max-width: ${responsiveMedia}) {
+      & span {
+        display: none
+      }
+
+      & *~span,
+      & span~* {
+        margin-left: 0
+      }
+    }
+  `}
+
+  ${({ disabled }) => disabled && `
+    color: ${colors.gray50} !important;
+    border: 1px solid transparent;
+
+    pointer-events: none;
+    user-select: none;
+  `}
+
+`;

package/src/components/atoms/Button/index.ts

@@ -0,0 +1 @@
+export { default } from "./Button.component";

package/src/components/atoms/Chip/Chip.component.tsx

@@ -0,0 +1,26 @@
+import { IChip } from './Chip.interface'
+import React from 'react'
+import { StyledChip } from '@/components/atoms/Chip/Chip.theme'
+import cn from 'classnames'
+
+const Chip = ({
+  variant,
+  hover,
+  className,
+  style,
+  children,
+  ...props
+}: IChip) => {
+  return (
+    <StyledChip
+      $variant={variant}
+      hover={hover}
+      className={cn('captions', className)}
+      style={style}
+    >
+      {children}
+    </StyledChip>
+  )
+}
+
+export default Chip

package/src/components/atoms/Chip/Chip.interface.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+
+export interface IChip {
+  variant?: string;
+  $variant?: string;
+  hover?: boolean,
+  className?: string,
+  style?: CSSProperties
+  children?: React.ReactNode
+}