{"version":3,"file":"static/js/main.78ee470e.js","mappings":"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","sources":["components/menu.jsx","config/index.js","utils/useDocumentScrollThrottled.js","components/header.jsx","images/discord.inline.svg","images/githubicon.inline.svg","contexts/Application.jsx","components/miniheader.jsx","components/block.js","images/power_by_dfinity.svg","components/footer.jsx","styles/theme.js","styles/themeManager.jsx","layouts/index.jsx","components/bg.jsx","components/inlineCard.jsx","components/wizard.jsx","components/utils.jsx","constants/index.js","candid/main.did.js","hooks/index.js","pages/app.jsx","index.jsx","../webpack/bootstrap","../webpack/runtime/chunk loaded","../webpack/runtime/compat get default export","../webpack/runtime/define property getters","../webpack/runtime/global","../webpack/runtime/hasOwnProperty shorthand","../webpack/runtime/make namespace object","../webpack/runtime/node module decorator","../webpack/runtime/publicPath","../webpack/runtime/compat","../webpack/runtime/jsonp chunk loading","../webpack/runtime/nonce","../webpack/startup"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from \"react\";\nimport styled from \"styled-components\";\nimport { useMediaQuery } from \"@react-hook/media-query\";\n\nexport function useToggle(initialState = false) {\n  const [state, setState] = useState(initialState);\n  const toggle = useCallback(() => setState((state) => !state), []);\n\n  return [state, toggle];\n}\n\nconst StyledMenu = styled.button`\n  padding: 0.5rem 0rem;\n  margin: 0;\n  display: flex;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  border: none;\n  text-align: left;\n  list-style: none;\n  font-family: \"GT Haptik Regular\";\n\n  /* padding-right: 2rem; */\n  background: none;\n  @media (max-width: 960px) {\n    font-size: 1.5rem;\n    width: 100%;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 0;\n    /* height: 100%; */\n  }\n\n  :hover {\n    color: ${({ theme }) => theme.colors.grey7};\n    @media (max-width: 960px) {\n      color: ${({ theme }) => theme.textColor};\n    }\n  }\n  :focus {\n    outline: none;\n    /* color: ${({ theme }) => theme.colors.link}; */\n    @media (max-width: 960px) {\n      color: ${({ theme }) => theme.textColor};\n    }\n  }\n`;\n\nconst StyledMenuTitle = styled.span`\n  text-decoration: none;\n  margin: 0px;\n  border-radius: 0.5rem;\n  font-weight: 400;\n  font-family: \"GT Haptik Regular\";\n  width: fit-content;\n  font-size: 16px;\n\n  cursor: pointer;\n  :hover {\n    color: ${({ theme }) => theme.colors.grey7};\n  }\n  @media (max-width: 960px) {\n    margin-bottom: 1rem;\n    user-select: none;\n  }\n  transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);\n\n  :hover {\n    transform: translate3d(2px, 2px, 10px);\n  }\n`;\n\nconst StyledMenuItem = styled.span`\n  text-decoration: none;\n  margin: 0px;\n  border-radius: 0.5rem;\n  font-family: \"GT Haptik Regular\";\n  width: fit-content;\n\n  :hover {\n    color: ${({ theme }) => theme.colors.grey7};\n    border-radius: 8px;\n  }\n  @media (max-width: 960px) {\n  }\n`;\n\nconst StyledMenuItemLink = styled.a`\n  color: #fff;\n`;\n\nexport default function Menu(props) {\n  const matches = useMediaQuery(\"only screen and (max-width: 960px)\");\n  const node = useRef();\n  const [isOpen, updateIsOpen] = useState(matches);\n  useEffect(() => {\n    const handleClickOutside = (e) => {\n      if (node.current.contains(e.target)) {\n        return;\n      }\n      updateIsOpen(false);\n    };\n    const onFocus = (focused) => {\n      if (focused) {\n        updateIsOpen(true);\n      } else {\n        updateIsOpen(false);\n      }\n    };\n    if (isOpen && !matches) {\n      node.current.removeEventListener(\"focusin\", () => onFocus(false));\n      node.current.removeEventListener(\"focusout\", () => onFocus(false));\n      document.addEventListener(\"mouseover\", handleClickOutside);\n    } else {\n      node.current.addEventListener(\"focusin\", () => onFocus(true));\n      node.current.addEventListener(\"focusout\", () => onFocus(false));\n      document.removeEventListener(\"mouseover\", handleClickOutside);\n    }\n    return () => {\n      document.removeEventListener(\"mouseover\", handleClickOutside);\n      node.current.removeEventListener(\"focusin\", () => onFocus(false));\n      node.current.removeEventListener(\"focusout\", () => onFocus(false));\n    };\n  }, [isOpen, updateIsOpen, matches]);\n  const menuData = { ...props.data };\n  useEffect(() => {\n    const doc = document.querySelector(`#${menuData.id}`);\n    if (doc) {\n      menuData.scrollTop = doc.offsetTop;\n    }\n  }, [menuData]);\n  const handleScrollView = (e) => {\n    e.stopPropagation();\n    e.preventDefault();\n    const { callback } = props;\n    if (callback) callback();\n    const el = document.scrollingElement || document.documentElement;\n    setTimeout(() => {\n      el.scrollTop = menuData.scrollTop;\n    }, 100);\n  };\n  return (\n    <StyledMenu ref={node} tabIndex={0}>\n      <StyledMenuTitle\n        onMouseOver={() => updateIsOpen(true)}\n        onFocus={() => {\n          updateIsOpen(true);\n        }}\n        isOpen={isOpen}\n      >\n        {menuData.href ? (\n          <StyledMenuItemLink href={menuData.href} target=\"_blank\" style={{ marginRight: \"0.25rem\" }}>\n            {menuData.name}\n          </StyledMenuItemLink>\n        ) : (\n          <StyledMenuItem style={{ marginRight: \"0.25rem\" }} onClick={handleScrollView}>\n            {menuData.name}\n          </StyledMenuItem>\n        )}\n      </StyledMenuTitle>\n    </StyledMenu>\n  );\n}\n","export const EMAIL = \"contact@icpswap.org\";","/* eslint-disable lodash/import-scope */\n\nimport { useEffect, useState } from \"react\";\nimport { throttle } from \"lodash\";\n\nfunction useDocumentScrollThrottled(callback) {\n  const [, setScrollPosition] = useState(0);\n  let previousScrollTop = 0;\n\n  function handleDocumentScroll() {\n    const { scrollTop: currentScrollTop } = document.documentElement || document.body;\n\n    setScrollPosition((previousPosition) => {\n      previousScrollTop = previousPosition;\n      return currentScrollTop;\n    });\n\n    callback({ previousScrollTop, currentScrollTop });\n  }\n\n  const handleDocumentScrollThrottled = throttle(handleDocumentScroll, 250);\n\n  useEffect(() => {\n    window.addEventListener(\"scroll\", handleDocumentScrollThrottled);\n\n    return () => window.removeEventListener(\"scroll\", handleDocumentScrollThrottled);\n  }, []);\n}\n\nexport default useDocumentScrollThrottled;\n","/* eslint-disable @typescript-eslint/no-var-requires */\n\nimport React, { useState, useRef, useEffect, useLayoutEffect } from \"react\";\nimport { useMediaQuery } from \"@react-hook/media-query\";\nimport styled from \"styled-components\";\n\nimport Menu from \"./menu\";\nimport { EMAIL } from \"../config\";\nimport useDocumentScrollThrottled from \"../utils/useDocumentScrollThrottled\";\n\nconst StyledHeader = styled.header`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 1.5rem;\n  width: 100%;\n  position: sticky;\n  top: -1px;\n  background: ${({ theme, open, showBG }) => (showBG && !open ? theme.backgroundColor : \"none\")};\n  border-bottom: 1px solid ${({ theme, open, showBG }) => (showBG && !open ? theme.concreteGray : \"none\")};\n  transition: background-color 0.25s ease;\n  z-index: 10;\n  @media (max-width: 960px) {\n    padding: 1.5rem 2rem;\n    height: ${({ open }) => (open ? \"100vh\" : \"100%\")};\n  }\n`;\n\nconst StyledNav = styled.nav`\n  box-sizing: border-box;\n  // display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: right 0.25s ease;\n  display: flex;\n  @media (max-width: 960px) {\n    position: fixed;\n    top: 0px;\n    display: block;\n    right: ${({ open }) => (open ? \"0px\" : \"-100%\")};\n    align-items: flex-start;\n    flex-wrap: wrap;\n    -webkit-overflow-scrolling: touch;\n    background-color: ${({ theme }) => theme.colors.grey1};\n    width: 100%;\n    height: 100%;\n    z-index: 999;\n    padding: 2rem;\n    overflow: scroll;\n    box-shadow: ${({ theme }) => theme.shadows.huge};\n  }\n\n  > * + * {\n    margin-left: 24px;\n  }\n\n  @media (max-width: 960px) {\n    > * + * {\n      margin-left: 0;\n    }\n  }\n`;\n\nconst StyledNavTitleWrapper = styled.nav`\n  display: flex;\n  align-items: center;\n`;\n\nconst StyledHomeLink = styled.a`\n  max-height: 48px;\n  display: flex;\n  align-items: center;\n  color: #fff;\n`;\n\nconst MenuToggle = styled.button`\n  border: none;\n  background-color: transparent;\n  color: ${({ theme }) => theme.colors.grey9};\n  display: none;\n  z-index: 9999;\n  width: 24px;\n  height: 24px;\n  padding: 0px;\n\n  :focus {\n    outline: none;\n  }\n  @media (max-width: 960px) {\n    display: initial;\n    position: ${({ open }) => (open ? \"fixed\" : \"relative\")};\n    right: ${({ open }) => (open ? \"1.5rem\" : \"initial\")};\n    top: ${({ open }) => (open ? \"1.5rem\" : \"initial\")};\n  }\n`;\n\n// const StyledLogo = styled(Ics)`\nconst StyledLogo = styled.img`\n  path {\n    fill: ${({ theme }) => theme.textColor};\n  }\n  margin: 0;\n  width: auto;\n  height: 50px;\n  margin-right: 0.35rem;\n  margin-top: -4px;\n  transform: rotate(0deg);\n  transition: transform 0.2s linear;\n  :hover {\n    transform: rotate(-10deg);\n  }\n  overflow: hidden;\n`;\n\n// const StyledCloseIcon = styled(CloseIcon)`\nconst StyledCloseIcon = styled.img`\n  path {\n    stroke: ${({ theme }) => theme.textColor};\n  }\n`;\n\nconst menulinks = [\n  {\n    name: \"Home\",\n    id: \"Home\",\n  },\n  {\n    name: \"Tokenomics\",\n    id: \"Tokenomics\",\n  },\n  {\n    name: \"Roadmap\",\n    id: \"Roadmap\",\n  },\n  {\n    name: \"Community\",\n    id: \"Community\",\n  },\n  {\n    name: \"Docs\",\n    id: \"docs\",\n    href: \"https://iloveics.gitbook.io/icpswap/\",\n  },\n  {\n    name: \"Contact\",\n    id: \"Contact\",\n    href: `mailto:${EMAIL}`,\n  },\n];\n\nexport default function Header() {\n  const matches = useMediaQuery(\"only screen and (max-width: 1024px)\");\n  const node = useRef();\n  const button = useRef();\n  const [isMenuOpen, updateIsMenuOpen] = useState(false);\n\n  const [headerBG, setHeaderBG] = useState(false);\n\n  useDocumentScrollThrottled((callbackData) => {\n    const { currentScrollTop } = callbackData;\n    setHeaderBG(currentScrollTop > 2);\n  });\n\n  useLayoutEffect(() => {\n    // Get original body overflow\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n\n    // Re-enable scrolling when component unmounts\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isMenuOpen]); // Empty array ensures effect is only run on mount and unmount\n\n  useEffect(() => {\n    const handleClickOutside = (e) => {\n      if (node.current.contains(e.target) || button.current.contains(e.target)) {\n        return;\n      }\n      updateIsMenuOpen(false);\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isMenuOpen, updateIsMenuOpen, matches]);\n\n  const handleTaggerMenu = (e) => {\n    e.stopPropagation();\n    e.preventDefault();\n    updateIsMenuOpen(!isMenuOpen);\n  };\n\n  return (\n    <StyledHeader open={isMenuOpen} showBG={headerBG}>\n      <StyledNavTitleWrapper>\n        <StyledHomeLink\n          to=\"/\"\n          style={{\n            textDecoration: `none`,\n          }}\n          alt=\"ICPSwap\"\n          title=\"ICPSwap\"\n        >\n          <StyledLogo src=\"/images/ics.png\" />\n        </StyledHomeLink>\n      </StyledNavTitleWrapper>\n      <MenuToggle ref={button} open={isMenuOpen} onClick={handleTaggerMenu}>\n        {isMenuOpen ? (\n          <StyledCloseIcon src=\"/images/x.inline.png\" />\n        ) : (\n          <StyledCloseIcon src=\"/images/menu.inline.png\" />\n        )}\n      </MenuToggle>\n\n      <StyledNav ref={node} open={isMenuOpen}>\n        {menulinks.map((item) => {\n          return <Menu key={item.name} data={item} callback={() => updateIsMenuOpen(!isMenuOpen)} />;\n        })}\n      </StyledNav>\n    </StyledHeader>\n  );\n}\n","var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgDiscordinline(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 48 48\",\n    width: \"24px\",\n    height: \"24px\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"#8c9eff\",\n    d: \"M40,12c0,0-4.585-3.588-10-4l-0.488,0.976C34.408,10.174,36.654,11.891,39,14c-4.045-2.065-8.039-4-15-4s-10.955,1.935-15,4c2.346-2.109,5.018-4.015,9.488-5.024L18,8c-5.681,0.537-10,4-10,4s-5.121,7.425-6,22c5.162,5.953,13,6,13,6l1.639-2.185C13.857,36.848,10.715,35.121,8,32c3.238,2.45,8.125,5,16,5s12.762-2.55,16-5c-2.715,3.121-5.857,4.848-8.639,5.815L33,40c0,0,7.838-0.047,13-6C45.121,19.425,40,12,40,12z M17.5,30c-1.933,0-3.5-1.791-3.5-4c0-2.209,1.567-4,3.5-4s3.5,1.791,3.5,4C21,28.209,19.433,30,17.5,30z M30.5,30c-1.933,0-3.5-1.791-3.5-4c0-2.209,1.567-4,3.5-4s3.5,1.791,3.5,4C34,28.209,32.433,30,30.5,30z\"\n  })));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDiscordinline);\nexport default __webpack_public_path__ + \"static/media/discord.inline.c2bc660642899b13de2c0a44f411985e.svg\";\nexport { ForwardRef as ReactComponent };","var _defs, _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgGithubiconinline(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 120.78 117.79\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-1,.cls-2{fill:#191717;}.cls-1{fill-rule:evenodd;}\"))), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, \"testlogo\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    id: \"Layer_2\",\n    \"data-name\": \"Layer 2\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    id: \"Layer_1-2\",\n    \"data-name\": \"Layer 1\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-1\",\n    d: \"M60.39,0A60.39,60.39,0,0,0,41.3,117.69c3,.56,4.12-1.31,4.12-2.91,0-1.44-.05-6.19-.08-11.24C28.54,107.19,25,96.42,25,96.42c-2.75-7-6.71-8.84-6.71-8.84-5.48-3.75.41-3.67.41-3.67,6.07.43,9.26,6.22,9.26,6.22,5.39,9.23,14.13,6.57,17.57,5,.55-3.9,2.11-6.56,3.84-8.07C36,85.55,21.85,80.37,21.85,57.23A23.35,23.35,0,0,1,28.08,41c-.63-1.52-2.7-7.66.58-16,0,0,5.07-1.62,16.61,6.19a57.36,57.36,0,0,1,30.25,0C87,23.42,92.11,25,92.11,25c3.28,8.32,1.22,14.46.59,16a23.34,23.34,0,0,1,6.21,16.21c0,23.2-14.12,28.3-27.57,29.8,2.16,1.87,4.09,5.55,4.09,11.18,0,8.08-.06,14.59-.06,16.57,0,1.61,1.08,3.49,4.14,2.9A60.39,60.39,0,0,0,60.39,0Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M22.87,86.7c-.13.3-.6.39-1,.19s-.69-.61-.55-.91.61-.39,1-.19.69.61.54.91Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M25.32,89.43c-.29.27-.85.14-1.24-.28a.92.92,0,0,1-.17-1.25c.3-.27.84-.14,1.24.28s.47,1,.17,1.25Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M27.7,92.91c-.37.26-1,0-1.35-.52s-.37-1.18,0-1.44,1,0,1.35.51.37,1.19,0,1.45Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M31,96.27A1.13,1.13,0,0,1,29.41,96c-.53-.49-.68-1.18-.34-1.54s1-.27,1.56.23.68,1.18.33,1.54Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M35.46,98.22c-.15.47-.82.69-1.51.49s-1.13-.76-1-1.24.82-.7,1.51-.49,1.13.76,1,1.24Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M40.4,98.58c0,.5-.56.91-1.28.92s-1.3-.38-1.31-.88.56-.91,1.29-.92,1.3.39,1.3.88Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"cls-2\",\n    d: \"M45,97.8c.09.49-.41,1-1.12,1.12s-1.35-.17-1.44-.66.42-1,1.12-1.12,1.35.17,1.44.66Z\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgGithubiconinline);\nexport default __webpack_public_path__ + \"static/media/githubicon.inline.722fcba05a1fb8f45636dbfe34a12a3e.svg\";\nexport { ForwardRef as ReactComponent };","import { createContext, useContext, useReducer, useMemo, useCallback, useEffect } from \"react\";\n\nconst UPDATE_DARKMODE = \"UPDATE_DARKMODE\";\n\nconst DARKMODE_KEY = \"DARKMODE_KEY\";\n\nconst DARK_MODE_OPTION = {\n  DARK: \"DARK\",\n  LIGHT: \"LIGHT\",\n};\n\nconst INITIAL_STATE = {\n  [DARKMODE_KEY]: DARK_MODE_OPTION.LIGHT,\n};\n\nconst ApplicationContext = createContext({});\n\nfunction reducer(state, { type, payload }) {\n  switch (type) {\n    case UPDATE_DARKMODE: {\n      const { mode } = payload;\n      return {\n        ...state,\n        [DARKMODE_KEY]: mode,\n      };\n    }\n\n    default: {\n      throw Error(`Unexpected action type in DataContext reducer: '${type}'.`);\n    }\n  }\n}\n\nexport default function Provider({ children }) {\n  const [state, dispatch] = useReducer(reducer, INITIAL_STATE);\n\n  const updateDarkMode = useCallback((mode) => {\n    dispatch({\n      type: UPDATE_DARKMODE,\n      payload: {\n        mode,\n      },\n    });\n  }, []);\n\n  return (\n    <ApplicationContext.Provider value={useMemo(() => [state, { updateDarkMode }], [state, updateDarkMode])}>\n      {children}\n    </ApplicationContext.Provider>\n  );\n}\n\nexport function Updater() {\n  // const [state, { updateDarkMode }] = useApplicationContext()\n  useEffect(() => {\n    const root = window.document.documentElement;\n    const initialColorValue = root.style.getPropertyValue(\"--initial-color-mode\");\n    if (initialColorValue === \"dark\") {\n      // updateDarkMode(DARK_MODE_OPTION.DARK)\n    } else {\n      // updateDarkMode(DARK_MODE_OPTION.DARK.LIGHT)\n    }\n  }, []);\n  return null;\n}\n\nexport function useDarkMode() {\n  function toggleDarkMode() {\n    localStorage.setItem(\"color-mode\", \"dark\");\n  }\n\n  return [toggleDarkMode];\n}\n","import { useRef, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { Sun, Moon, Home } from \"react-feather\";\n\nimport Discord from \"../images/discord.inline.svg\";\nimport Github from \"../images/githubicon.inline.svg\";\n\nimport { useDarkMode } from \"../contexts/Application\";\n\nconst StyledHeader = styled.header`\n  display: flex;\n  position: fixed;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  background-color: ${({ theme }) => theme.backgroundColor};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.grey2};\n  left: 0px;\n  padding: 1rem 2rem;\n  width: 100%;\n  z-index: 3;\n  height: 65px;\n  max-width: 100vw;\n  min-width: 100vw;\n  z-index: 1234;\n  @media (max-width: 960px) {\n    flex-direction: column;\n    padding: 1.5rem 2rem;\n    height: ${({ open }) => (open ? \"100vh\" : \"125px;\")};\n  }\n`;\nconst StyledButton = styled.button`\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\n  color: ${({ theme }) => theme.colors.textColor};\n  :focus {\n    outline: none;\n  }\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  :hover {\n    cursor: pointer;\n  }\n  a {\n    height: 24px;\n    color: ${({ theme }) => theme.textColor};\n  }\n  svg path {\n    fill: ${({ theme, fill }) => fill && theme.textColor};\n    stroke: ${({ theme }) => theme.textColor};\n  }\n`;\n\nconst StyledNav = styled.nav`\n  box-sizing: border-box;\n  // display: flex;\n  align-items: center;\n  transition: right 0.25s ease;\n  @media (max-width: 960px) {\n    position: fixed;\n    top: 0px;\n    right: ${({ open }) => (open ? \"0px\" : \"-100%\")};\n    align-items: flex-start;\n    flex-wrap: wrap;\n    -webkit-overflow-scrolling: touch;\n    background-color: ${({ theme }) => theme.colors.grey1};\n    width: 100%;\n    height: 100%;\n    z-index: 999;\n    padding: 2rem;\n    overflow: scroll;\n    box-shadow: ${({ theme }) => theme.shadows.huge};\n  }\n`;\n\nconst StyledNavTitleWrapper = styled.nav`\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n`;\n\nconst StyledNavTitle = styled.a`\n  font-family: \"GT Haptik Regular\", \"Inter\", sans-serif;\n  color: ${({ theme }) => theme.textColor};\n  margin-left: 0.35rem;\n  margin-bottom: 0.15rem;\n  z-index: 999;\n  text-decoration: none;\n  vertical-align: bottom;\n  font-weight: 600;\n  white-space: pre;\n\n  :hover {\n    opacity: 1;\n  }\n`;\n\nconst StyledHomeLink = styled.a`\n  max-height: 48px;\n  display: flex;\n  align-items: center;\n  color: #fff;\n`;\n\n// const StyledLogo = styled(Ics)`\nconst StyledLogo = styled.img`\n  path {\n    fill: ${({ theme }) => theme.textColor};\n  }\n  margin: 0;\n  height: 20px;\n  margin-right: 0.35rem;\n  margin-top: -4px;\n  transform: rotate(0deg);\n  transition: transform 0.2s linear;\n  :hover {\n    transform: rotate(-10deg);\n  }\n  overflow: hidden;\n`;\nconst StyledCloseIcon = styled.img`\n  path {\n    stroke: ${({ theme }) => theme.textColor};\n  }\n`;\n\nconst Row = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nconst MenuToggle = styled.button`\n  border: none;\n  background-color: transparent;\n  color: ${({ theme }) => theme.colors.grey9};\n  display: none;\n  z-index: 9999;\n  width: 24px;\n  height: 24px;\n  padding: 0px;\n\n  :focus {\n    outline: none;\n  }\n  @media (max-width: 960px) {\n    display: initial;\n    position: ${({ open }) => (open ? \"fixed\" : \"relative\")};\n    right: ${({ open }) => (open ? \"1.5rem\" : \"initial\")};\n    top: ${({ open }) => (open ? \"1.5rem\" : \"initial\")};\n  }\n`;\n\nconst Header = (props) => {\n  const node = useRef();\n  const [darkMode, toggleDarkMode] = useDarkMode();\n\n  const button = useRef();\n  const [isMenuOpen, updateIsMenuOpen] = useState(false);\n\n  return (\n    <StyledHeader open={isMenuOpen}>\n      <Row>\n        <StyledNavTitleWrapper>\n          <StyledHomeLink\n            to=\"/\"\n            style={{\n              textDecoration: `none`,\n            }}\n            alt=\"ICPSwap\"\n            title=\"ICPSwap\"\n          >\n            <StyledLogo src=\"/images/ics.png\" />\n          </StyledHomeLink>\n\n          {props.path && props.path !== \"/\" && props.path !== \"\" && (\n            <>\n              <StyledNavTitle to={`/${props.path.split(\"/\")[1]}`}>\n                {props.path.length > 20 ? \"Docs /\" : \"ICPSwap Docs /\"}\n              </StyledNavTitle>\n              <StyledNavTitle to={`/docs/${props.path.split(\"/\")[2]}`}>\n                {props.path.split(\"/\")[2].replace(/(^|\\s)\\S/g, function (t) {\n                  return t.toUpperCase();\n                })}\n              </StyledNavTitle>\n              <StyledNavTitle to={`/docs/${props.path.split(\"/\")[2]}/${props.path.split(\"/\")[3]}`}>\n                {props.path.split(\"/\")[3] &&\n                  `/ ${props.path\n                    .split(\"/\")[3]\n                    .replace(/\\d+-/g, \"\")\n                    .replace(/-/g, \" \")\n                    .replace(/(^|\\s)\\S/g, function (t) {\n                      return t.toUpperCase();\n                    })}}`}\n              </StyledNavTitle>{\" \"}\n            </>\n          )}\n        </StyledNavTitleWrapper>\n        <MenuToggle ref={button} open={isMenuOpen} onClick={() => updateIsMenuOpen(!isMenuOpen)}>\n          {isMenuOpen ? (\n            <StyledCloseIcon src=\"/images/x.inline.png\" />\n          ) : (\n            <StyledCloseIcon src=\"/images/menu.inline.png\" />\n          )}\n        </MenuToggle>\n        <StyledNav ref={node} open={isMenuOpen}>\n          <StyledButton type=\"button\" onClick={toggleDarkMode}>\n            {darkMode ? <Sun size={20} /> : <Moon size={20} />}\n          </StyledButton>\n          <StyledButton fill>\n            <a href=\"https://discord.gg/FCfyBSbCU5\">\n              <Discord />\n            </a>\n          </StyledButton>\n          <StyledButton fill>\n            <a href=\"https://github.com/ICPSwap\">\n              <Github width={20} />\n            </a>\n          </StyledButton>\n          <StyledButton type=\"button\">\n            <>\n              <Home size={20} />{\" \"}\n            </>\n          </StyledButton>\n        </StyledNav>\n      </Row>\n    </StyledHeader>\n  );\n};\n\nexport default Header;\n","/* eslint-disable lines-between-class-members */\n/* eslint-disable one-var */\n\nlet screenWidth, screenHeight, smallerSize;\nconst Z_RANGE = 100; // How deep is your love\nconst Z_VELOCITY = -0.0025; // How fast\nconst STARS_COUNT = 2000; // How many\n\nconst setSizes = () => {\n  screenWidth = window.innerWidth;\n  screenHeight = window.innerHeight;\n  smallerSize = screenWidth > screenHeight ? screenHeight : screenWidth;\n};\n\nsetSizes();\nconst HOLE = {\n  x: screenWidth / 2,\n  y: screenHeight / 2,\n  r: smallerSize / 4,\n};\nclass Star {\n  constructor() {\n    this.reset();\n  }\n  reset() {\n    this.x = 1 - Math.random() * 2;\n    this.y = 1 - Math.random() * 2;\n    this.z = Math.random() * -Z_RANGE;\n    this.xPos = 0;\n    this.yPos = 0;\n    this.angle = 0.001;\n  }\n  getPosition() {\n    this.x = this.x * Math.cos(this.angle) - this.y * Math.sin(this.angle);\n    this.y = this.y * Math.cos(this.angle) + this.x * Math.sin(this.angle);\n    this.z += Z_VELOCITY;\n\n    this.xPos = ((screenHeight / screenWidth) * screenWidth * this.x) / this.z + screenWidth / 2;\n    this.yPos = (screenHeight * this.y) / this.z + screenHeight / 2;\n\n    // Detect collision with black hole\n    if (\n      Math.sqrt((this.xPos - HOLE.x) * (this.xPos - HOLE.x) + (this.yPos - HOLE.y) * (this.yPos - HOLE.y)) <= HOLE.r ||\n      this.z >= Z_RANGE\n    )\n      this.reset();\n  }\n  draw() {\n    const size = 3 - -this.z / 2;\n    ctx.globalAlpha = (Z_RANGE + this.z) / (Z_RANGE * 2);\n    ctx.fillStyle = \"rgba(255, 255, 255, 0.5)\";\n    ctx.fillRect(this.xPos, this.yPos, size, size);\n    ctx.globalAlpha = 1;\n  }\n}\nconst stars = new Array(STARS_COUNT);\nfor (let i = 0; i < STARS_COUNT; i++) stars[i] = new Star();\nconst canvas = document.createElement(\"canvas\");\ncanvas.id = \"blockCanvas\";\ncanvas.width = window.innerWidth;\ncanvas.height = window.innerHeight;\ndocument.body.appendChild(canvas);\nconst ctx = canvas.getContext(\"2d\");\nconst BlockAnimate = () => {\n  ctx.clearRect(0, 0, canvas.width, canvas.height);\n  ctx.beginPath();\n  ctx.fillStyle = \"rgba(255, 255, 255, 0.5)\";\n  stars.forEach((star) => {\n    star.getPosition();\n    star.draw();\n  });\n  ctx.fill();\n  requestAnimationFrame(BlockAnimate);\n};\nwindow.addEventListener(\"resize\", (e) => {\n  setSizes();\n  canvas.width = screenWidth;\n  canvas.height = screenHeight;\n  HOLE.r = smallerSize / 4;\n  HOLE.x = screenWidth / 2;\n  HOLE.y = screenHeight / 2;\n});\nexport default BlockAnimate;\n","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _defs;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgPowerByDfinity(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 204,\n    height: 27,\n    viewBox: \"0 0 204 27\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M39.3702 2C36.4633 2 33.2945 3.51655 29.9452 6.50368C28.3563 7.91913 26.9841 9.43567 25.955 10.6489C25.955 10.6489 25.955 10.6489 25.964 10.6581V10.6489C25.964 10.6489 27.589 12.4504 29.3855 14.3805C30.3515 13.2133 31.7418 11.6232 33.3397 10.1894C36.3188 7.5331 38.2598 6.97243 39.3702 6.97243C43.5501 6.97243 46.9445 10.3456 46.9445 14.4908C46.9445 18.6085 43.541 21.9816 39.3702 22.0092C39.1806 22.0092 38.9369 21.9816 38.6299 21.9173C39.8487 22.4504 41.1577 22.8364 42.4035 22.8364C50.0591 22.8364 51.5577 17.7537 51.657 17.3861C51.8827 16.4577 52.0001 15.4835 52.0001 14.4816C52.0001 7.60663 46.3306 2 39.3702 2Z\",\n    fill: \"url(#paint0_linear_1724_122)\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M12.6298 26.9999C15.5368 26.9999 18.7055 25.4834 22.0548 22.4962C23.6437 21.0808 25.0159 19.5642 26.0451 18.351C26.0451 18.351 26.0451 18.351 26.0361 18.3418V18.351C26.0361 18.351 24.4111 16.5495 22.6145 14.6194C21.6486 15.7867 20.2583 17.3767 18.6604 18.8106C15.6812 21.4668 13.7403 22.0275 12.6298 22.0275C8.44999 22.0183 5.05555 18.6451 5.05555 14.4999C5.05555 10.3822 8.45901 7.00908 12.6298 6.9815C12.8194 6.9815 13.0632 7.00908 13.3701 7.07342C12.1514 6.54033 10.8423 6.1543 9.59651 6.1543C1.94097 6.1543 0.451388 11.237 0.343055 11.5955C0.117361 12.533 0 13.4981 0 14.4999C0 21.3933 5.66944 26.9999 12.6298 26.9999Z\",\n    fill: \"url(#paint1_linear_1724_122)\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M42.3856 22.7261C38.4675 22.625 34.396 19.4816 33.5654 18.7004C31.4168 16.6783 26.4606 11.2096 26.0724 10.7776C22.4432 6.63236 17.5231 2 12.63 2H12.621H12.612C6.67172 2.02757 1.67937 6.12684 0.343262 11.5956C0.442567 11.2371 2.40159 6.05332 9.58769 6.23714C13.5057 6.33824 17.5953 9.52759 18.4349 10.3088C20.5835 12.3309 25.5398 17.7997 25.9279 18.2316C29.5571 22.3677 34.4772 27 39.3703 27H39.3793H39.3883C45.3286 26.9725 50.33 22.8732 51.6571 17.4044C51.5487 17.7629 49.5807 22.9008 42.3856 22.7261Z\",\n    fill: \"#29ABE2\"\n  })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M61.0301 23.827C61.3063 23.827 61.5301 23.6032 61.5301 23.327V16.6622C61.5301 16.386 61.3063 16.1622 61.0301 16.1622H60.5C60.2239 16.1622 60 16.386 60 16.6622V23.327C60 23.6032 60.2239 23.827 60.5 23.827H61.0301Z\",\n    fill: \"#C3C3C4\"\n  })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M71.2018 23.827C71.478 23.827 71.7018 23.6032 71.7018 23.327V16.6622C71.7018 16.386 71.478 16.1622 71.2018 16.1622H70.6936C70.4174 16.1622 70.1936 16.386 70.1936 16.6622V21.2324L67.264 16.6256C67.0805 16.337 66.7622 16.1622 66.4202 16.1622H65.5895C65.3133 16.1622 65.0895 16.386 65.0895 16.6622V23.327C65.0895 23.6032 65.3133 23.827 65.5895 23.827H66.0978C66.3739 23.827 66.5978 23.6032 66.5978 23.327V18.3892L69.9693 23.5987C70.0614 23.7411 70.2195 23.827 70.389 23.827H71.2018Z\",\n    fill: \"#C3C3C4\"\n  })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M80.4535 17.5784C80.7297 17.5784 80.9535 17.3545 80.9535 17.0784V16.6622C80.9535 16.386 80.7297 16.1622 80.4535 16.1622H75.0379C74.7617 16.1622 74.5379 16.386 74.5379 16.6622V17.0784C74.5379 17.3545 74.7617 17.5784 75.0379 17.5784H76.9861V23.327C76.9861 23.6032 77.21 23.827 77.4861 23.827H78.0053C78.2814 23.827 78.5053 23.6032 78.5053 23.327V17.5784H80.4535Z\",\n    fill: \"#C3C3C4\"\n  })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M88.1385 23.827C88.4146 23.827 88.6385 23.6032 88.6385 23.327V22.9216C88.6385 22.6455 88.4146 22.4216 88.1385 22.4216H85.2941V20.6486H87.8215C88.0977 20.6486 88.3215 20.4248 88.3215 20.1486V19.8189C88.3215 19.5428 88.0977 19.3189 87.8215 19.3189H85.2941V17.5676H88.1385C88.4146 17.5676 88.6385 17.3437 88.6385 17.0676V16.6622C88.6385 16.386 88.4146 16.1622 88.1385 16.1622H84.2858C84.0096 16.1622 83.7858 16.386 83.7858 16.6622V23.327C83.7858 23.6032 84.0096 23.827 84.2858 23.827H88.1385Z\",\n    fill: \"#C3C3C4\"\n  })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M95.5496 23.5559C95.6353 23.7224 95.8069 23.827 95.9941 23.827H96.5415C96.9184 23.827 97.1598 23.4259 96.9833 23.0929L95.711 20.6919C96.7275 20.4 97.3614 19.5892 97.3614 18.5189C97.3614 17.1892 96.3996 16.1622 94.8913 16.1622H92.3638C92.0877 16.1622 91.8638 16.386 91.8638 16.6622V23.327C91.8638 23.6032 92.0877 23.827 92.3638 23.827H92.883C93.1592 23.827 93.383 23.6032 93.383 23.327V20.8757H94.1699L95.5496 23.5559ZM93.383 19.5892V17.4595H94.6071C95.3722 17.4595 95.8203 17.8811 95.8203 18.5297C95.8203 19.1568 95.3722 19.5892 94.6071 19.5892H93.383Z\",\n    fill: \"#C3C3C4\"\n  })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M106.609 23.827C106.885 23.827 107.109 23.6032 107.109 23.327V16.6622C107.109 16.386 106.885 16.1622 106.609 16.1622H106.101C105.825 16.1622 105.601 16.386 105.601 16.6622V21.2324L102.671 16.6256C102.488 16.337 102.17 16.1622 101.828 16.1622H100.997C100.721 16.1622 100.497 16.386 100.497 16.6622V23.327C100.497 23.6032 100.721 23.827 100.997 23.827H101.505C101.781 23.827 102.005 23.6032 102.005 23.327V18.3892L105.377 23.5987C105.469 23.7411 105.627 23.827 105.796 23.827H106.609Z\",\n    fill: \"#C3C3C4\"\n  })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M115.03 23.827C115.306 23.827 115.53 23.6032 115.53 23.327V22.9216C115.53 22.6455 115.306 22.4216 115.03 22.4216H112.186V20.6486H114.713C114.989 20.6486 115.213 20.4248 115.213 20.1486V19.8189C115.213 19.5428 114.989 19.3189 114.713 19.3189H112.186V17.5676H115.03C115.306 17.5676 115.53 17.3437 115.53 17.0676V16.6622C115.53 16.386 115.306 16.1622 115.03 16.1622H111.178C110.901 16.1622 110.678 16.386 110.678 16.6622V23.327C110.678 23.6032 110.901 23.827 111.178 23.827H115.03Z\",\n    fill: \"#C3C3C4\"\n  })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M123.939 17.5784C124.215 17.5784 124.439 17.3545 124.439 17.0784V16.6622C124.439 16.386 124.215 16.1622 123.939 16.1622H118.523C118.247 16.1622 118.023 16.386 118.023 16.6622V17.0784C118.023 17.3545 118.247 17.5784 118.523 17.5784H120.471V23.327C120.471 23.6032 120.695 23.827 120.971 23.827H121.491C121.767 23.827 121.991 23.6032 121.991 23.327V17.5784H123.939Z\",\n    fill: \"#C3C3C4\"\n  })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M134.823 23.9892C136.998 23.9892 138.113 22.5622 138.408 21.3838L136.998 20.9622C136.79 21.6757 136.146 22.5297 134.823 22.5297C133.577 22.5297 132.419 21.6324 132.419 20C132.419 18.2595 133.643 17.4378 134.801 17.4378C136.146 17.4378 136.747 18.2486 136.932 18.9838L138.353 18.5405C138.047 17.2973 136.943 16 134.801 16C132.725 16 130.856 17.5568 130.856 20C130.856 22.4432 132.659 23.9892 134.823 23.9892Z\",\n    fill: \"#C3C3C4\"\n  })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M142.428 19.9892C142.428 18.2595 143.653 17.4378 144.844 17.4378C146.046 17.4378 147.27 18.2595 147.27 19.9892C147.27 21.7189 146.046 22.5405 144.844 22.5405C143.653 22.5405 142.428 21.7189 142.428 19.9892ZM140.866 20C140.866 22.4649 142.745 23.9892 144.844 23.9892C146.953 23.9892 148.833 22.4649 148.833 20C148.833 17.5243 146.953 16 144.844 16C142.745 16 140.866 17.5243 140.866 20Z\",\n    fill: \"#C3C3C4\"\n  })), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M160.077 23.827C160.354 23.827 160.577 23.6032 160.577 23.327V16.6622C160.577 16.386 160.354 16.1622 160.077 16.1622H158.858C158.655 16.1622 158.472 16.2846 158.395 16.4722L156.249 21.6973L154.05 16.4683C153.972 16.2828 153.79 16.1622 153.589 16.1622H152.432C152.156 16.1622 151.932 16.386 151.932 16.6622V23.327C151.932 23.6032 152.156 23.827 152.432 23.827H152.875C153.151 23.827 153.375 23.6032 153.375 23.327V18.4973L155.476 23.52C155.554 23.706 155.736 23.827 155.937 23.827H156.528C156.73 23.827 156.912 23.7053 156.989 23.5187L159.091 18.4541V23.327C159.091 23.6032 159.315 23.827 159.591 23.827H160.077Z\",\n    fill: \"#C3C3C4\"\n  })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M165.66 19.6541V17.4595H166.851C167.605 17.4595 168.065 17.8811 168.065 18.5622C168.065 19.2216 167.605 19.6541 166.851 19.6541H165.66ZM167.037 20.9405C168.567 20.9405 169.584 19.9459 169.584 18.5514C169.584 17.1676 168.567 16.1622 167.037 16.1622H164.641C164.365 16.1622 164.141 16.386 164.141 16.6622V23.327C164.141 23.6032 164.365 23.827 164.641 23.827H165.149C165.425 23.827 165.649 23.6032 165.649 23.327V20.9405H167.037Z\",\n    fill: \"#C3C3C4\"\n  })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M175.414 24C177.076 24 178.398 22.9946 178.398 21.1135V16.6622C178.398 16.386 178.174 16.1622 177.898 16.1622H177.39C177.114 16.1622 176.89 16.386 176.89 16.6622V21.0054C176.89 22.0108 176.332 22.5405 175.414 22.5405C174.518 22.5405 173.95 22.0108 173.95 21.0054V16.6622C173.95 16.386 173.726 16.1622 173.45 16.1622H172.941C172.665 16.1622 172.441 16.386 172.441 16.6622V21.1135C172.441 22.9946 173.764 24 175.414 24Z\",\n    fill: \"#C3C3C4\"\n  })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M187.081 17.5784C187.357 17.5784 187.581 17.3545 187.581 17.0784V16.6622C187.581 16.386 187.357 16.1622 187.081 16.1622H181.666C181.389 16.1622 181.166 16.386 181.166 16.6622V17.0784C181.166 17.3545 181.389 17.5784 181.666 17.5784H183.614V23.327C183.614 23.6032 183.838 23.827 184.114 23.827H184.633C184.909 23.827 185.133 23.6032 185.133 23.327V17.5784H187.081Z\",\n    fill: \"#C3C3C4\"\n  })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M194.766 23.827C195.042 23.827 195.266 23.6032 195.266 23.327V22.9216C195.266 22.6455 195.042 22.4216 194.766 22.4216H191.922V20.6486H194.449C194.725 20.6486 194.949 20.4248 194.949 20.1486V19.8189C194.949 19.5428 194.725 19.3189 194.449 19.3189H191.922V17.5676H194.766C195.042 17.5676 195.266 17.3437 195.266 17.0676V16.6622C195.266 16.386 195.042 16.1622 194.766 16.1622H190.913C190.637 16.1622 190.413 16.386 190.413 16.6622V23.327C190.413 23.6032 190.637 23.827 190.913 23.827H194.766Z\",\n    fill: \"#C3C3C4\"\n  })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M202.177 23.5559C202.263 23.7224 202.435 23.827 202.622 23.827H203.169C203.546 23.827 203.787 23.4259 203.611 23.0929L202.339 20.6919C203.355 20.4 203.989 19.5892 203.989 18.5189C203.989 17.1892 203.027 16.1622 201.519 16.1622H198.492V23.327C198.492 23.6032 198.715 23.827 198.992 23.827H199.511C199.787 23.827 200.011 23.6032 200.011 23.327V20.8757H200.798L202.177 23.5559ZM200.011 19.5892V17.4595H201.235C202 17.4595 202.448 17.8811 202.448 18.5297C202.448 19.1568 202 19.5892 201.235 19.5892H200.011Z\",\n    fill: \"#C3C3C4\"\n  })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M61.002 6.941V4.026H62.652C63.653 4.026 64.269 4.609 64.269 5.5C64.269 6.358 63.653 6.941 62.652 6.941H61.002ZM62.795 7.766C64.236 7.766 65.193 6.798 65.193 5.489C65.193 4.191 64.236 3.201 62.795 3.201H60.078V11H61.002V7.766H62.795ZM68.301 5.577C66.783 5.577 65.661 6.743 65.661 8.36C65.661 9.988 66.783 11.154 68.301 11.154C69.819 11.154 70.941 9.988 70.941 8.36C70.941 6.743 69.819 5.577 68.301 5.577ZM68.301 6.369C69.247 6.369 70.061 7.084 70.061 8.36C70.061 9.647 69.247 10.362 68.301 10.362C67.355 10.362 66.541 9.647 66.541 8.36C66.541 7.084 67.355 6.369 68.301 6.369ZM75.3143 5.731L73.8623 9.9L72.5753 5.731H71.6293L73.3783 11H74.3133L75.7653 6.798L77.2393 11H78.1633L79.8793 5.731H78.9443L77.6903 9.9L76.2273 5.731H75.3143ZM81.4952 7.854C81.5502 7.073 82.1662 6.358 83.0792 6.358C84.0802 6.358 84.6192 7.018 84.6412 7.854H81.4952ZM84.7622 9.229C84.5532 9.856 84.0692 10.362 83.1782 10.362C82.2322 10.362 81.4732 9.647 81.4732 8.646V8.602H85.5322C85.5432 8.525 85.5542 8.404 85.5542 8.294C85.5542 6.688 84.6632 5.577 83.0682 5.577C81.7372 5.577 80.5712 6.688 80.5712 8.349C80.5712 10.12 81.7702 11.154 83.1782 11.154C84.3992 11.154 85.2242 10.417 85.5212 9.504L84.7622 9.229ZM89.7123 5.698C89.6353 5.676 89.4813 5.654 89.3383 5.654C88.7553 5.654 88.0843 5.907 87.7433 6.677V5.731H86.8853V11H87.7653V8.272C87.7653 7.084 88.3703 6.578 89.2503 6.578C89.4043 6.578 89.5693 6.589 89.7123 6.633V5.698ZM91.1954 7.854C91.2504 7.073 91.8664 6.358 92.7794 6.358C93.7804 6.358 94.3194 7.018 94.3414 7.854H91.1954ZM94.4624 9.229C94.2534 9.856 93.7694 10.362 92.8784 10.362C91.9324 10.362 91.1734 9.647 91.1734 8.646V8.602H95.2324C95.2434 8.525 95.2544 8.404 95.2544 8.294C95.2544 6.688 94.3634 5.577 92.7684 5.577C91.4374 5.577 90.2714 6.688 90.2714 8.349C90.2714 10.12 91.4704 11.154 92.8784 11.154C94.0994 11.154 94.9244 10.417 95.2214 9.504L94.4624 9.229ZM100.403 10.241C100.403 10.582 100.436 10.879 100.458 11H101.316C101.294 10.89 101.261 10.538 101.261 10.01V3.047H100.381V6.578C100.205 6.138 99.6875 5.577 98.6755 5.577C97.2015 5.577 96.2335 6.831 96.2335 8.36C96.2335 9.922 97.1575 11.154 98.6755 11.154C99.5885 11.154 100.161 10.615 100.403 10.098V10.241ZM98.7525 10.362C97.7625 10.362 97.1135 9.526 97.1135 8.36C97.1135 7.194 97.7515 6.369 98.7525 6.369C99.7535 6.369 100.403 7.194 100.403 8.36C100.403 9.526 99.7425 10.362 98.7525 10.362ZM106.639 11V10.131C106.947 10.703 107.563 11.154 108.443 11.154C109.972 11.154 110.863 9.933 110.863 8.36C110.863 6.82 110.027 5.577 108.465 5.577C107.519 5.577 106.903 6.094 106.661 6.589V3.047H105.781V11H106.639ZM108.311 10.362C107.299 10.362 106.639 9.526 106.639 8.36C106.639 7.194 107.288 6.369 108.311 6.369C109.334 6.369 109.983 7.194 109.983 8.36C109.983 9.526 109.323 10.362 108.311 10.362ZM113.364 13.09L116.741 5.731H115.784L114.145 9.46L112.407 5.731H111.395L113.661 10.373L112.385 13.09H113.364Z\",\n    fill: \"#C3C3C4\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint0_linear_1724_122\",\n    x1: 32.7957,\n    y1: 3.6484,\n    x2: 50.2864,\n    y2: 21.4386,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 0.21,\n    stopColor: \"#F15A24\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 0.6841,\n    stopColor: \"#FBB03B\"\n  })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"paint1_linear_1724_122\",\n    x1: 19.2044,\n    y1: 25.3515,\n    x2: 1.71361,\n    y2: 7.56137,\n    gradientUnits: \"userSpaceOnUse\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 0.21,\n    stopColor: \"#ED1E79\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: 0.8929,\n    stopColor: \"#522785\"\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgPowerByDfinity);\nexport default __webpack_public_path__ + \"static/media/power_by_dfinity.4e431af7932e7862ca1d255002db9c5f.svg\";\nexport { ForwardRef as ReactComponent };","import { useState } from \"react\";\nimport styled from \"styled-components\";\n\nimport { EMAIL } from \"../config\";\nimport PowerByDfinity from \"../images/power_by_dfinity.svg\";\n\nconst StyledFooter = styled.footer`\n  color: ${({ theme }) => theme.textColor};\n  position: relative;\n  text-align: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0 4rem 1rem 4rem;\n  font-family: \"GT Haptik Regular\";\n  font-size: 16px;\n  font-family: PingFangSC-Semibold, PingFang SC;\n  font-weight: 600;\n  color: #6e6e6e;\n  @media (max-width: 1155px) {\n    display: block;\n  }\n\n  @media (max-width: 960px) {\n    margin: 0;\n    flex-direction: column;\n    padding: 1rem 4rem;\n  }\n`;\n\nconst StyledDeploy = styled.span`\n  padding: 4px;\n  border-radius: 2px;\n  display: block;\n  margin: 0 24px 0 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  img {\n    margin: 0;\n  }\n`;\nexport default function Footer() {\n  const [year] = useState(new Date().getFullYear());\n\n  return (\n    <StyledFooter>\n      Reinventing the Exchange Starts Here © {year !== \"2021\" && \"2021 - \"} {year} ICPSwap\n      <StyledDeploy>\n        <img src={PowerByDfinity} alt=\"Dfinity ∞ deployed\" height=\"24\" />\n      </StyledDeploy>\n      {EMAIL}\n    </StyledFooter>\n  );\n}\n","/* eslint-disable no-param-reassign */\nimport { createGlobalStyle, css } from \"styled-components\";\n\nconst MEDIA_WIDTHS = {\n  upToSmall: 600,\n  upToMedium: 960,\n  upToLarge: 1280,\n};\n\nconst mediaWidthTemplates = Object.keys(MEDIA_WIDTHS).reduce((accumulator, size) => {\n  accumulator[size] = (...args) => css`\n    @media (max-width: ${MEDIA_WIDTHS[size]}px) {\n      ${css(...args)}\n    }\n  `;\n\n  return accumulator;\n}, {});\n\nconst white = \"#FFFFFF\";\nconst black = \"#000000\";\n\nexport const theme = (darkMode) => ({\n  white,\n  black,\n  textColor: darkMode ? white : \"#010101\",\n  invertedTextColor: darkMode ? \"#010101\" : white,\n  greyText: darkMode ? white : \"#6C7284\",\n  buttonBorder: darkMode ? `#FFFFFF30` : \"#01010130\",\n\n  heroBG: darkMode\n    ? \"radial-gradient(76.02% 75.41% at 1.84% 0%, #ff007a 0%, #021d43 100%)\"\n    : \"radial-gradient(76.02% 75.41% at 1.84% 0%, #FF3696 0%, #FFD8EB 100%);\",\n  gradientBG: darkMode\n    ? \"linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 31.19%, rgba(0, 0, 0, 0) 100%)\"\n    : \"linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 31.19%, rgba(0, 0, 0, 0) 100%)\",\n  invertImage: darkMode ? \"filter: invert(0);\" : \"filter: invert(1);\",\n\n  // for setting css on <html>\n  backgroundColor: darkMode ? \"rgba(15, 16, 19, 0.95)\" : \"#F7F8FA\",\n\n  modalBackground: darkMode ? \"rgba(0,0,0,0.6)\" : \"rgba(0,0,0,0.5)\",\n  cardBG: darkMode ? \"rgba(0, 0, 0, .5)\" : \"rgba(255, 255, 255, .5)\",\n  menuBG: darkMode ? \"black\" : \"white\",\n  marqueeBG: darkMode ? \"#010101\" : \"#010101\",\n\n  inputBackground: darkMode ? \"#202124\" : white,\n  placeholderGray: darkMode ? \"#5F5F5F\" : \"#E1E1E1\",\n  shadowColor: darkMode ? \"#000\" : \"#2F80ED\",\n\n  // grays\n  concreteGray: darkMode ? \"#292C2F\" : \"#FAFAFA\",\n  mercuryGray: darkMode ? \"#333333\" : \"#E1E1E1\",\n  silverGray: darkMode ? \"#737373\" : \"#C4C4C4\",\n  chaliceGray: darkMode ? \"#7B7B7B\" : \"#AEAEAE\",\n  doveGray: darkMode ? \"#C4C4C4\" : \"#737373\",\n\n  colors: {\n    blue1: darkMode ? \"#3b80ff\" : \"#D4E4FA\",\n    blue2: darkMode ? \"#1966D2\" : \"#A9C8F5\",\n    blue3: darkMode ? \"#165BBB\" : \"#7DACF0\",\n    blue4: darkMode ? \"#2D47A6\" : \"#5190EB\",\n    blue5: darkMode ? \"#C4D9F8\" : \"#2172E5\",\n    blue6: darkMode ? \"#C4D9F8\" : \"#1A5BB6\",\n    blue7: darkMode ? \"#C4D9F8\" : \"#144489\",\n    blue8: darkMode ? \"#C4D9F8\" : \"#0E2F5E\",\n    blue9: darkMode ? \"#C4D9F8\" : \"#191B1F\",\n\n    grey6: darkMode ? \"#888D9B\" : \"#565A69\",\n    grey7: darkMode ? \"#CED0D9\" : \"#40444F\",\n    grey8: darkMode ? \"#EDEEF2\" : \"#2C2F36\",\n    grey9: darkMode ? \"#F7F8FA\" : \"#191B1F\",\n\n    grey1: darkMode ? \"#212429\" : \"#FFFFFF\",\n    grey2: darkMode ? \"#2C2F36\" : \"#F7F8FA\",\n    grey3: darkMode ? \"#40444F\" : \"#EDEEF2\",\n    grey4: darkMode ? \"#565A69\" : \"#CED0D9\",\n    grey5: darkMode ? \"#6C7284\" : \"#888D9B\",\n\n    white: \"#FFFFFF\",\n    black: \"#000000\",\n\n    green1: \"#E6F3EC\",\n    green2: \"#27AE60\",\n\n    pink1: darkMode ? \"#2F80ED\" : \"#FF007A\",\n    pink2: \"#FF8EC4\",\n    pink3: \"#FFD7EA\",\n\n    yellow1: darkMode ? \"#F3BE1E\" : \"#F3BE1E\",\n    yellow2: darkMode ? \"#ffe490\" : \"#ffe490\",\n\n    red1: \"#FF6871\",\n\n    link: darkMode ? \"#2F80ED\" : \"#FF007A\",\n    invertedLink: darkMode ? \"#2F80ED\" : \"#FF007A\",\n  },\n\n  shadows: {\n    small: \"0px 2px 4px rgba(0, 0, 0, 0.1)\",\n    large: \"0px 6px 10px rgba(0, 0, 0, 0.15)\",\n    huge: \" 0px 0px 1px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 16px 24px rgba(0, 0, 0, 0.02), 0px 24px 32px rgba(0, 0, 0, 0.02)\",\n  },\n\n  // media queries\n  mediaWidth: mediaWidthTemplates,\n  // css snippets\n  flexColumnNoWrap: css`\n    display: flex;\n    flex-flow: column nowrap;\n  `,\n  flexRowNoWrap: css`\n    display: flex;\n    flex-flow: row nowrap;\n  `,\n});\n\nexport const GlobalStyle = createGlobalStyle`\n  *, *:before, *:after {\n    box-sizing: inherit;\n  }\n\n  \n  \n    html {\n    font-size: 16px;\n    font-variant: none;\n    background-color: ${({ theme }) => theme.backgroundColor};\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    -ms-text-size-adjust: 100%;\n    -webkit-text-size-adjust: 100%;\n    background-size: contain;\n    background-repeat: no-repeat;\n    overflow-y: scroll;\n    overflow-x: hidden;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  body {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    font-family: \"GT Haptik Medium\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-feature-settings: 'ss01' on, 'ss02' on, 'cv01' on, 'cv03' on;\n\n    line-height: 1.55;\n    /* max-width: 1440px; */\n    width: 100%;\n    margin: 0px auto;\n    font-weight: 400 !important;\n    color: ${({ theme }) => theme.textColor};\n    \n    @media (min-width: 1441px) {\n        overflow-x: visible;\n    }\n  }\n\n  * {\n    box-sizing: inherit;\n  }\n  *:before {\n    box-sizing: inherit;\n  }\n  *:after {\n    box-sizing: inherit;\n  }\n\n  .title{\n    letter-spacing: -0.05em;\n    font-family: \"GT Haptik Regular\";\n    font-size: 72px;\n  }\n\n  h1 {\n    font-family: \"GT Haptik Regular\";\n    margin-top: 1.75rem ;\n    font-size: 1.875rem;\n    font-weight: 500;\n  }\n\n  h2 {\n    font-size: 1.5rem;\n    font-weight: 400;\n    font-family: \"GT Haptik Regular\";  }\n\n  h3 {\n    font-weight: 400;\n    font-family: \"GT Haptik Regular\";  }\n\n\n\n  #gatsby-focus-wrapper{\n    min-height: 100vh;\n    width: 100%;\n    position: relative;\n  }\n  a{\n    color: ${({ theme }) => theme.colors.link};\n    text-decoration: none;\n  }\n  button{\n    color: ${({ theme }) => theme.textColor};\n  }\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font: inherit;\n    margin: 0;\n  }\n\n  strong{\n    font-weight: bold;\n    color: ${({ theme }) => theme.colors.grey9};\n  }\n\n .ds-dropdown-menu {\n    width: 100px;\n    max-height: 600px;\n    overflow: scroll;\n\n    @media screen and (max-width: 1080px) {\n      min-width: 300px !important;\n    }\n  }\n`;\n","import { ThemeProvider } from \"styled-components\";\n\nimport { theme, GlobalStyle } from \"./theme\";\nimport { useDarkMode } from \"../contexts/Application\";\n\nexport const StyledThemeProvider = (props) => {\n  const [isDarkMode] = useDarkMode();\n\n  return (\n    <ThemeProvider theme={theme(true || isDarkMode)}>\n      <GlobalStyle isDark={true || isDarkMode} />\n      {props.children}\n    </ThemeProvider>\n  );\n};\n","import React from \"react\";\nimport Header from \"../components/header\";\nimport MiniHeader from \"../components/miniheader\";\nimport BlockAnimate from \"../components/block\";\nimport Footer from \"../components/footer\";\nimport { StyledThemeProvider } from \"../styles/themeManager\";\n\nimport \"../styles/layout.css\";\nimport \"../styles/prism-github.css\";\nimport \"../styles/fonts.css\";\n\nexport default function Layout({ path, children, isDocs }) {\n  const data = {\n    site: {\n      siteMetadata: {\n        title: \"\",\n      },\n    },\n  };\n\n  React.useEffect(() => {\n    BlockAnimate();\n  }, []);\n\n  return (\n    <StyledThemeProvider>\n      {isDocs ? (\n        <MiniHeader path={path} siteTitle={data.site.siteMetadata.title} />\n      ) : (\n        <Header path={path} siteTitle={data.site.siteMetadata.title} />\n      )}\n      <main>{children}</main>\n      <Footer />\n    </StyledThemeProvider>\n  );\n}\n","import styled from \"styled-components\";\n\nconst StyledBG = styled.div`\n  position: fixed;\n  z-index: -1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  overflow: hidden;\n  background-color: ${({ theme }) => theme.backgroundColor};\n  -webkit-transform: translate3d(0, 0, 0);\n  height: -webkit-fill-available;\n  opacity: 1;\n  // background: ${({ theme }) =>\n    `radial-gradient(50% 50% at 50% 50%, ${theme.colors.link} 0%, ${theme.backgroundColor} 100%)`};\n  opacity: 0.15;\n  user-select: none;\n  pointer-events: none;\n`;\n\nexport default function Bg() {\n  return <StyledBG />;\n}\n","import React from \"react\";\n\nimport styled from \"styled-components\";\n\nconst StyledMiniCards = styled.a`\n  padding: 1.25rem;\n  color: ${({ theme, outlined }) => (outlined ? theme.colors.link : theme.textColor)};\n  background-color: ${({ theme }) => theme.cardBG};\n  max-width: 100%;\n  min-width: 48.88%;\n  width: 445px;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  /* border: 1px solid ${({ theme }) => theme.textColor}; */\n  box-shadow: ${({ theme }) => theme.shadows.huge};\n  /* font-style: monospace; */\n  /* border-radius: 12px; */\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  transition: transform 0.3s ease;\n  will-change: transform;\n  text-align: center;\n  :hover {\n    transform: scale(1.03);\n  }\n\n  @media (max-width: 960px) {\n    width: 100%;\n    max-width: 450px;\n    margin-bottom: 0.25rem;\n    /* height: ${({ small }) => !small && \"120px\"}; */\n    /* height: 200px; */\n  }\n`;\nconst StyledCardBG = styled.img`\n  width: 80px;\n  height: 220px;\n  position: absolute !important;\n  top: 0px;\n  right: 0px;\n  background-size: auto;\n  background-position: center;\n  z-index: -1;\n`;\n\nconst Tag = styled.p`\n  top: 16px;\n  right: 16px;\n  font-size: 32px;\n`;\n\nconst StyledMiniCardHeader = styled.p`\n  line-height: 130%;\n  margin-top: 0px;\n  font-weight: 500;\n  font-size: 1.25rem;\n  font-family: \"GT Haptik Medium\";\n  font-style: monospace;\n`;\n\nconst StyledMiniCardDesc = styled.p`\n  font-size: 0.825rem;\n  line-height: 140%;\n  font-weight: 400;\n  padding-bottom: 1.5rem;\n`;\nconst StyledMiniImage = styled.img`\n  width: 78px;\n  margin-bottom: 8px;\n`;\nconst InlineCard = (props) => {\n  return (\n    <StyledMiniCards {...props} style={{ backgroundColor: props.backgroundColor, color: props.color }} to={props.to}>\n      <StyledMiniImage src={props.icon} />\n      {props.image && <StyledCardBG fluid={props.image} />}\n      <StyledMiniCardHeader style={{ color: props.color }}>{props.title}</StyledMiniCardHeader>\n\n      <StyledMiniCardDesc>{props.description || props.desc}</StyledMiniCardDesc>\n    </StyledMiniCards>\n  );\n};\n\nexport default InlineCard;\n","import { useState } from \"react\";\nimport styled from \"styled-components\";\n\nimport InlineCard from \"./inlineCard\";\n\nconst links = [\n  {\n    name: \"Developers\",\n    sublinks: [\n      {\n        title: \"Business Mining\",\n        link: \"/docs/v2/smart-contract-integration/trading-from-a-smart-contract/\",\n        description: null,\n        tag: \"reference\",\n        icon: \"/images/BonusMining.png\",\n      },\n      {\n        title: \"Multi-scene Circulation\",\n        link: \"/docs/v2/smart-contract-integration/providing-liquidity/\",\n        description: null,\n        tag: \"tutorial\",\n        icon: \"/images/Multi-scenecirculation.png\",\n      },\n\n      {\n        title: \"Burning\",\n        link: \"/docs/v2/core-concepts/flash-swaps/\",\n        description: null,\n        tag: \"guide\",\n        icon: \"/images/Burned.png\",\n      },\n      {\n        title: \"Governance\",\n        link: \"/docs/v2/core-concepts/oracles/\",\n        description: null,\n        icon: \"/images/Governance.png\",\n      },\n    ],\n  },\n  {\n    name: \"Traders\",\n    sublinks: [\n      {\n        title: \"Using the interface\",\n        link: \"/docs/v2/user-guide/\",\n        description: \"The comprehensive web app user guide.\",\n        tag: \"tutorial\",\n      },\n      {\n        title: \"Glossary\",\n        link: \"/docs/v2/protocol-overview/glossary\",\n        description: \"An overview of the terms used in these docs and on the interface\",\n        tag: \"reference\",\n      },\n      {\n        title: \"Understanding prices\",\n        link: \"/docs/v2/swaps/pricing/\",\n        description: \"How the interface calculates prices for swaps.\",\n        tag: \"guide\",\n      },\n    ],\n  },\n  {\n    name: \"Liquidity\",\n    sublinks: [\n      {\n        title: \"Anatomy of a ICPSwap Pool\",\n        link: \"/docs/v2/pools\",\n        description: \"An overview of what a ICPSwap liquidity pool.\",\n      },\n      {\n        title: \"Understanding Liquidity Returns\",\n        link: \"/docs/v2/pools/understanding-returns\",\n        description: \"Udnerstand the economics of your returns.\",\n      },\n    ],\n  },\n  {\n    name: \"Tokens\",\n    sublinks: [\n      {\n        title: \"Core Concepts\",\n        link: \"/docs/v2/protocol-overview\",\n        description: \"A high level technical overview of the ICPSwap protocol.\",\n      },\n    ],\n  },\n];\n\nconst StyledWizard = styled.div`\n  color: ${({ theme, outlined }) => (outlined ? theme.colors.link : theme.textColor)};\n  width: 100%;\n  max-width: 906px;\n  /* border: 1px solid ${({ theme }) => theme.colors.grey2}; */\n  border-radius: 20px;\n  /* overflow: hidden; */\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  @media (max-width: 960px) {\n    width: 100%;\n    max-width: 450px;\n    margin: 1rem 0;\n    /* height: ${({ small }) => !small && \"200px\"}; */\n    /* height: 200px; */\n  }\n`;\n\nconst CardWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  /* padding: 1.5rem; */\n  /* overflow-x: scroll;\n  overflow-y: visible;\n  *::-webkit-scrollbar {\n    display: none;\n  } */\n`;\n\nconst Wizard = () => {\n  const [currentCategory] = useState(\"Developers\");\n\n  return (\n    <StyledWizard>\n      <CardWrapper>\n        {links\n          .filter((category) => {\n            return category.name === currentCategory;\n          })\n          .map((category) => {\n            return category.sublinks.map((sublink, i) => {\n              return (\n                <InlineCard\n                  key={i}\n                  title={sublink.title}\n                  desc={sublink.description}\n                  to={sublink.link}\n                  tag={sublink.tag}\n                  icon={sublink.icon}\n                />\n              );\n            });\n          })}\n      </CardWrapper>\n    </StyledWizard>\n  );\n};\n\nexport default Wizard;\n","import styled from 'styled-components'\nimport noise from '../images/noise.png'\n\nexport const CardBGImage = styled.span`\n  mix-blend-mode: ${({ isDark }) => (isDark ? 'overlay' : 'lighten')};\n  width: 100%;\n  height: 100%;\n  opacity: 0.5;\n  background-size: contain;\n  position: absolute;\n  left: 0;\n  background-repeat: no-repeat;\n\n  top: 0;\n  ${({ desaturate }) => desaturate && `filter: saturate(0)`};\n  @media (max-width: 960px) {\n    background-repeat: no-repeat;\n  }\n`\n\nexport const CardNoise = styled.span`\n  background: url(${noise});\n  mix-blend-mode: overlay;\n  width: 100%;\n  height: 100%;\n  /* max-width: 1000px; */\n  opacity: 0.3;\n  position: absolute;\n  left: 0;\n  top: 0;\n  user-select: none;\n  z-index: 99;\n`\n\nexport const CardFade = styled.span`\n  /* mix-blend-mode: overlay; */\n  width: 100%;\n  height: 100%;\n  background: ${({ theme }) => theme.gradientBG};\n  /* max-width: 1000px; */\n  position: absolute;\n  left: 0;\n  top: 0;\n  user-select: none;\n  z-index: 99;\n  @media (max-width: 960px) {\n    height: 125vh;\n  }\n`\n\nexport const StyledLink = styled.a`\n  font-family: 'GT Haptik Regular';\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n  margin: 0.25rem 0;\n  display: block;\n  width: 100%;\n  font-size: 24px;\n  cursor: pointer;\n  display: flex;\n  width: fit-content;\n  color: ${({ theme }) => theme.textColor};\n  transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);\n\n  :hover {\n    transform: translate3d(2px, 2px, 10px);\n  }\n  @media (max-width: 960px) {\n    font-size: 20px;\n  }\n`\nexport const StyledExternalLink = styled.a`\n  font-family: 'GT Haptik Regular';\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n  display: block;\n  margin: 0.25rem 0;\n  font-size: 24px;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: fit-content;\n  color: ${({ theme }) => theme.textColor};\n  background-color: ${({ theme }) => theme.cardBG};\n  border-radius: 12px;\n  transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);\n  :hover {\n    transform: translate3d(2px, 2px, 10px);\n  }\n  @media (max-width: 960px) {\n    font-size: 20px;\n  }\n`\n","export const network = process.env.DFX_NETWORK || (process.env.NODE_ENV === \"production\" ? \"ic\" : \"local\");\n\nexport const isIC = process.env.NODE_ENV === \"production\";\n","export const idlFactory = ({ IDL }) => {\n  const Email = IDL.Text;\n  const EmailPage = IDL.Record({\n    content: IDL.Vec(Email),\n    offset: IDL.Nat,\n    limit: IDL.Nat,\n    totalElements: IDL.Nat,\n  });\n  const SubscribeResult = IDL.Record({\n    status: IDL.Bool,\n    code: IDL.Text,\n  });\n  return IDL.Service({\n    clearEmails: IDL.Func([], [], []),\n    getEmailList: IDL.Func([IDL.Nat, IDL.Nat], [EmailPage], []),\n    getEmailSize: IDL.Func([], [IDL.Nat], [\"query\"]),\n    subscribe: IDL.Func([Email], [SubscribeResult], []),\n  });\n};\n\nexport const init = ({ IDL }) => {\n  return [];\n};\n","import { Actor, HttpAgent } from \"@dfinity/agent\";\nimport { isIC } from \"../constants/index\";\nimport { idlFactory } from \"../candid/main.did\";\n\nconst host = !isIC ? { host: \"http://localhost:8002\" } : {};\n\nexport const createActor = (canisterId, options) => {\n  const agent = new HttpAgent({ ...options?.agentOptions });\n\n  return Actor.createActor(idlFactory, {\n    agent,\n    canisterId,\n    ...options?.actorOptions,\n  });\n};\n\nexport const main = createActor(\"3iae5-yqaaa-aaaah-qaaja-cai\", {\n  agentOptions: {\n    ...host,\n  },\n});\n\nexport const subscribe = (email) => main.subscribe(email);\n","import React, { useState, useRef, forwardRef, useImperativeHandle } from \"react\";\nimport styled, { keyframes } from \"styled-components\";\n\nimport Layout from \"../layouts\";\nimport BG from \"../components/bg\";\nimport Wizard from \"../components/wizard\";\nimport { useDarkMode } from \"../contexts/Application\";\nimport { CardBGImage, CardFade, CardNoise, StyledExternalLink } from \"../components/utils\";\nimport { subscribe } from \"../hooks/index\";\n\nconst BGCard = styled.span`\n  width: 100vw;\n  height: 100vh;\n  /* max-width: 1200px; */\n  max-height: 1220px;\n  user-select: none;\n  background-repeat: no-repeat;\n  background: ${({ theme }) => theme.heroBG};\n  background-size: contain;\n  opacity: 0.2;\n  @media (max-width: 960px) {\n    width: 100vw;\n    height: 100vh;\n    max-height: 1220px;\n  }\n`;\n\nconst StyledBody = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 6rem;\n  margin-bottom: 1rem;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.grey2};\n  @media (max-width: 960px) {\n    margin-bottom: 0;\n    padding: 2rem;\n    padding-bottom: 8rem;\n  }\n`;\n\nconst StyledTitle = styled.div`\n  display: flex;\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  will-change: transform;\n  margin: 7.8rem 0 4rem 0;\n  margin-bottom: 7.5rem;\n  @media (max-width: 960px) {\n    margin: 3rem 0 1rem 0;\n    margin-bottom: 4rem;\n  }\n`;\n\nconst StyledBodyTitleSub = styled.h2`\n  font-size: 64px;\n  margin: 0rem 0 3rem 0;\n  pointer-events: none;\n  white-space: wrap;\n  overflow-wrap: normal;\n  max-width: 900px;\n  text-align: center;\n  font-family: \"GT Haptik Regular\";\n  @media (max-width: 1024px) {\n    margin: 2rem 0 3rem 0;\n  }\n\n  @media (max-width: 640px) {\n    width: 100%;\n    margin: 2rem 0 2rem 0;\n    font-weight: 500;\n    text-align: left;\n    font-size: 58px;\n  }\n\n  @media (max-width: 440px) {\n    font-weight: 500;\n    text-align: left;\n    font-size: 52px;\n  }\n`;\nconst StyledBodySubTitle = styled.h3`\n  @media (max-width: 640px) {\n    text-align: left;\n  }\n`;\n\nconst StyledBodySubText = styled.h3`\n  max-width: 1060px;\n  text-align: center;\n  line-height: 160%;\n  font-size: 22px;\n  @media (max-width: 640px) {\n    text-align: left;\n  }\n`;\nconst StyledTokenomicsSubText = styled.h3`\n  width: 50%;\n  margin-right: 30px;\n  max-width: 486px;\n  text-align: left;\n  line-height: 160%;\n  font-size: 1.125rem;\n  @media (max-width: 960px) {\n    width: 100%;\n    max-width: 100%;\n  }\n  @media (max-width: 640px) {\n    text-align: left;\n    margin-right: 0;\n  }\n`;\n\nconst StyledBannerImage = styled.img`\n  width: 100%;\n  height: 100%;\n  min-width: 260px;\n  max-width: 720px;\n  background-color: none;\n  margin-top: 2.3rem;\n  margin-bottom: 0;\n  box-shadow: ${({ theme }) => theme.shadows.huge};\n  @media (max-width: 960px) {\n    min-width: unset;\n  }\n`;\n\nconst StyledProductImage = styled.img`\n  width: 100%;\n  height: 100%;\n  min-width: 160px;\n  max-width: 160px;\n  background-color: none;\n  border-radius: 12px;\n  box-shadow: ${({ theme }) => theme.shadows.huge};\n  margin-bottom: 0;\n  /* @media (max-width: 960px) {\n    min-width: 120px;\n    max-width: 120px;\n  } */\n`;\nconst StyledTokenomicsImage = styled.img`\n  width: 50%;\n  min-width: 220px;\n  max-width: 474px;\n  background-color: none;\n  border-radius: 12px;\n  box-shadow: ${({ theme }) => theme.shadows.huge};\n\n  @media (max-width: 640px) {\n    width: 100%;\n  }\n`;\n\nconst StyledSectionFlex = styled.div`\n  padding: 4rem 0;\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  justify-content: space-evenly;\n  align-items: center;\n\n  @media (max-width: 1024px) {\n    padding: 1rem;\n    margin-top: 0rem;\n    flex-direction: ${({ wrapSmall }) => (!wrapSmall ? \"row\" : \"column\")};\n  }\n\n  @media (max-width: 960px) {\n    padding: 1rem;\n    margin-top: 0rem;\n    width: 100%;\n    max-width: 450px;\n  }\n\n  h2 {\n    margin-bottom: 0.5rem;\n  }\n  p {\n    margin-bottom: 0.5rem;\n  }\n`;\n\nconst StyledItemRow = styled.nav`\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  margin: 0rem;\n  margin-top: 4.35rem;\n  width: 100%;\n  & > *:not(:first-of-type) {\n    margin-top: 12px;\n  }\n  @media (min-width: 640px) {\n    flex-direction: row;\n    justify-content: center;\n    & > * {\n      // margin-bottom: 12px;\n    }\n    & > *:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: 12px;\n    }\n  }\n  @media (min-width: 960px) {\n    box-sizing: border-box;\n    transition: right 0.25s ease;\n  }\n`;\nconst StyledItemCommunityRow = styled(StyledItemRow)`\n  @media (min-width: 640px) {\n    flex-direction: row;\n    justify-content: center;\n    & > * {\n      // margin-bottom: 12px;\n    }\n    & > *:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: 24px;\n    }\n  }\n`;\n\nconst StyledSectionTitle = styled.h1`\n  font-size: 40px;\n  white-space: wrap;\n  overflow-wrap: normal;\n  max-width: 900px;\n  text-align: center;\n  font-family: \"GT Haptik Regular\";\n  margin-top: 9.375rem;\n  @media (max-width: 960px) {\n    width: 100%;\n    font-size: 2rem;\n    line-height: 2.5rem;\n    max-width: 600px;\n    margin-top: 4rem;\n  }\n  @media (max-width: 640px) {\n    width: 100%;\n    font-weight: 400;\n    margin-top: 4rem;\n    text-align: left;\n  }\n`;\nconst StyledSectionTitleSub = styled.h1`\n  font-size: 38px;\n  white-space: wrap;\n  overflow-wrap: normal;\n  max-width: 900px;\n  text-align: center;\n  font-family: \"GT Haptik Regular\";\n  margin-top: 9.375rem;\n\n  @media (max-width: 960px) {\n    width: 100%;\n    font-size: 2rem;\n    line-height: 2.5rem;\n    max-width: 600px;\n    margin-top: 4rem;\n  }\n  @media (max-width: 640px) {\n    width: 100%;\n    font-weight: 400;\n    margin-top: 4rem;\n    text-align: left;\n  }\n`;\n\nconst DeveloperSection = () => {\n  return (\n    <>\n      <StyledSectionTitle>Our Mission</StyledSectionTitle>\n      <StyledBodySubText>\n        ICPSwap is a hub that provides full-stack financial, market, and DAO services. Based on the underlying\n        technology of DFINITY's Internet Computer, ICPSwap establishes an ecosystem of genuinely decentralized finance\n        by refactoring the way users and developers build projects jointly.\n      </StyledBodySubText>\n      <StyledBannerImage src=\"/images/OurMisson.png\" />\n    </>\n  );\n};\nconst ReinventingSection = () => {\n  return (\n    <>\n      <StyledSectionTitle>Build on the Internet Computer</StyledSectionTitle>\n      <StyledBodySubText>\n        The DFINITY's Internet Computer is the world's first frictionless blockchain with web speed and internet scale.\n        ICPSwap is the next-generation decentralized exchange based on the Internet Computer.\n      </StyledBodySubText>\n      <StyledBannerImage style={{ marginTop: \"2.925rem\" }} src=\"/images/Reinventing.png\" />\n    </>\n  );\n};\n\nconst StyledSectionInfoList = styled.ul`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin: 0;\n  max-width: 1190px;\n  // @media (min-width: 640px) {\n  //   flex-direction: row;\n  //   justify-content: center;\n  //   & > * {\n  //     // margin-bottom: 12px;\n  //   }\n  //   & > *:not(:first-of-type) {\n  //     margin-left:76px;\n  //   }\n  // }\n`;\n\nconst StyledInfoList = styled.li`\n  width: 242px;\n  list-style: none;\n  // border-radius:10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 24px;\n  // padding:0 10px;\n  box-sizing: content-box;\n  margin: 0 36px;\n  @media (min-width: 1200px) {\n    &:last-child {\n      margin-right: 0;\n    }\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n`;\n\nconst InfoSection = () => {\n  const list = [\n    {\n      img: \"/images/Decentralized.png\",\n      value: \"Decentralized\",\n    },\n    {\n      img: \"/images/Full-stackServices.png\",\n      value: \"Full-stack Services\",\n    },\n    {\n      img: \"/images/HighPerformance.png\",\n      value: \"High Performance\",\n    },\n    {\n      img: \"/images/HumanizedUE.png\",\n      value: \"Humanized UE\",\n    },\n  ];\n  return (\n    <StyledSectionInfoList>\n      {list.map((item) => {\n        return (\n          <StyledInfoList key={item.value}>\n            <img src={item.img} alt=\"\" />\n          </StyledInfoList>\n        );\n      })}\n    </StyledSectionInfoList>\n  );\n};\n\nconst AppInfoContent = React.memo(\n  forwardRef(({ setPercentage }, ref) => {\n    const data = {\n      swap: \"/images/swap.png\",\n      pools: \"/images/pools.png\",\n      minttoken: \"/images/minttoken.png\",\n      chat: \"/images/chat.png\",\n      activeads: \"/images/activeads.png\",\n      vote: \"/images/app_vote.png\",\n      community: \"/images/app_committee.png\",\n      arbitration: \"/images/app_arbitration.png\",\n      tokenlists: \"/images/tokenlists.png\",\n    };\n\n    const ScrollHidden = styled.div`\n      width: 100%;\n      height: 240px;\n      max-width: 1060px;\n      margin: 4.35rem 0rem 0rem;\n      overflow: hidden;\n    `;\n\n    const StyleAppBox = styled.div`\n      width: 100%;\n      overflow: auto;\n      font-size: 0;\n      height: 260px;\n    `;\n\n    const StyleAppWrapper = styled.div`\n      display: inline-block;\n      white-space: nowrap;\n    `;\n\n    const StyleAppImg = styled.img`\n      width: 100%;\n      height: 100%;\n      background-color: none;\n      border-radius: 12px;\n      box-shadow: ${({ theme }) => theme.shadows.huge};\n      margin-bottom: 0;\n    `;\n\n    const StyleAppItem = styled.div`\n      display: inline-block;\n      width: 190px;\n      height: 240px;\n      margin-right: 24px;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);\n      :hover {\n        transform: translate3d(2px, 2px, 10px);\n      }\n      &:last-child {\n        margin-right: 0;\n      }\n    `;\n\n    const scrollTo = (percentage) => {\n      const scrollBox = document.querySelector(\"#app-scroll-box\");\n      const scrollWrapper = document.querySelector(\"#app-scroll-wrapper\");\n      scrollBox.scrollTo((scrollWrapper.clientWidth - scrollBox.clientWidth) * percentage, 0);\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        scrollTo,\n      }),\n      [scrollTo]\n    );\n\n    const handleWrapperScroll = (e) => {\n      const scrollWrapper = document.querySelector(\"#app-scroll-wrapper\");\n      const scrollPercentage = e.target.scrollLeft / (scrollWrapper.clientWidth - e.target.clientWidth);\n      setPercentage(scrollPercentage);\n    };\n\n    return (\n      <ScrollHidden>\n        <StyleAppBox id=\"app-scroll-box\" onScroll={handleWrapperScroll}>\n          <StyleAppWrapper id=\"app-scroll-wrapper\">\n            <StyleAppItem>\n              <StyleAppImg src={data.minttoken} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.pools} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.swap} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.tokenlists} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.chat} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.activeads} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.community} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.vote} />\n            </StyleAppItem>\n            <StyleAppItem>\n              <StyleAppImg src={data.arbitration} />\n            </StyleAppItem>\n          </StyleAppWrapper>\n        </StyleAppBox>\n      </ScrollHidden>\n    );\n  })\n);\n\nconst AppInfo = React.memo(() => {\n  const ScrollBar = styled.div`\n    position: relative;\n    width: 80px;\n    height: 8px;\n    margin-top: 60px;\n    border-radius: 6px;\n    background-color: #0a0c0e;\n    cursor: pointer;\n  `;\n\n  const ActiveScrollBar = styled.span`\n    position: absolute;\n    top: 0;\n    left: ${(props) => `${props.percentage * 40}px`};\n    width: 40px;\n    height: 8px;\n    border-radius: 6px;\n    background-color: #7a69ff;\n    cursor: pointer;\n    transition: left 2s;\n  `;\n\n  const [percentage, setPercentage] = React.useState(0);\n  const scrollRef = useRef(null);\n\n  const handleScrollBarClick = (e) => {\n    let target = e.target;\n    if (target.nodeName === \"SPAN\") target = e.target.parentNode;\n    const rect = target.getBoundingClientRect();\n\n    let percentage = (e.pageX - rect.x - 20) / 40;\n\n    if (percentage < 0) percentage = 0;\n    if (percentage > 1) percentage = 1;\n\n    scrollRef.current.scrollTo(percentage);\n  };\n\n  return (\n    <>\n      <StyledSectionTitle>Full-stack Financial, Market & DAO Services</StyledSectionTitle>\n      <AppInfoContent ref={scrollRef} setPercentage={setPercentage} />\n      <ScrollBar id=\"scroll-bar\" onClick={handleScrollBarClick}>\n        <ActiveScrollBar percentage={percentage} />\n      </ScrollBar>\n    </>\n  );\n});\n\nconst ProductsSection = (props) => {\n  return (\n    <>\n      <AppInfo />\n\n      <StyledSectionTitle id=\"Tokenomics\">Tokenomics</StyledSectionTitle>\n      <StyledItemRow style={{ marginTop: \"2.9rem\" }}>\n        <StyledTokenomicsSubText>\n          ICPSwap Token (ICS) is an ecological token of ICPSwap as well as a governance token, with a total issuance of\n          1 billion. With ICPSwap's flexible, diverse, and business incentive mining applications and governance\n          scenarios, each ICS embeds itself in the entire ICPSwap ecosystem. ICS will eventually capture the value of\n          the ICPSwap ecosystem by creating a perfect deflationary model through continuous repurchase and burn.\n        </StyledTokenomicsSubText>\n        <StyledTokenomicsImage src=\"/images/Tokenomics.png\" />\n      </StyledItemRow>\n      <StyledSectionFlex style={{ paddingBottom: \"0px\", paddingTop: \"4rem\" }}>\n        <Wizard />\n      </StyledSectionFlex>\n      <StyledSectionTitle id=\"Community\">Community</StyledSectionTitle>\n      <StyledItemCommunityRow>\n        <StyledExternalLink href=\"https://twitter.com/ICPSwap\" target=\"_blank\">\n          <StyledProductImage src=\"images/twitter.png\" />\n        </StyledExternalLink>\n        <StyledExternalLink href=\"https://t.me/ICPSwap_Official\" target=\"_blank\">\n          <StyledProductImage src=\"/images/telegram.png\" />\n        </StyledExternalLink>\n        <StyledExternalLink href=\"https://h5aet-waaaa-aaaab-qaamq-cai.raw.ic0.app/p/icpswap\" target=\"_blank\">\n          <StyledProductImage src=\"/images/dscvr.png\" />\n        </StyledExternalLink>\n        <StyledExternalLink href=\"https://icpswap.medium.com/\" target=\"_blank\">\n          <StyledProductImage src=\"/images/medium.png\" />\n        </StyledExternalLink>\n      </StyledItemCommunityRow>\n    </>\n  );\n};\n\nconst StyledContactForm = styled.form`\n  border: 1px solid #3c3c3c;\n  position: relative;\n  width: 730px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 12px;\n  color: ${({ theme }) => theme.colors.grey2};\n  background-color: ${({ theme }) => theme.concreteGray};\n  margin: 0px;\n  margin-top: 2.925rem;\n  @media (max-width: 960px) {\n    width: 90%;\n    margin-right: 0;\n    flex-direction: column;\n  }\n  height: 70px;\n  :hover {\n    color: ${({ theme }) => theme.colors.grey3};\n    background-color: ${({ theme }) => theme.colors.grey2};\n  }\n\n  :focus {\n    color: ${({ theme }) => theme.colors.grey3};\n    background-color: ${({ theme }) => theme.colors.grey2};\n  }\n`;\n\nconst PushButton = styled.a`\n  cursor: pointer;\n  position: absolute;\n  right: 0;\n  top: 0;\n  padding: 0.25rem 0.75rem;\n  width: 194px;\n  height: 68px;\n  color: rgb(255, 255, 255);\n  background: none;\n  background-color: rgb(122, 105, 255);\n  background-image: linear-gradient(270deg, rgb(122, 105, 255) 0%, rgb(73, 97, 204) 100%);\n  background-image: -webkit-linear-gradient(270deg, rgb(122, 105, 255) 0%, rgb(73, 97, 204) 100%);\n  border-radius: 0px 12px 12px 0px;\n  text-decoration: none;\n  display: inline-block;\n  transition: transform 0.25s ease;\n  font-weight: 600;\n  font-size: 26px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-family: \"GT Haptik Regular\";\n  border-radius: 0px 12px 12px 0px;\n  @media (max-width: 960px) {\n    width: 100%;\n    border-radius: 12px;\n    margin-top: 12px;\n    position: relative;\n  }\n`;\n\nconst StyledInput = styled.input`\n  border-radius: 8px;\n  box-shadow: none;\n  background: none;\n  -webkit-box-shadow: none;\n  -moz-box-shadow: none;\n  box-shadow: none;\n  border: none;\n  width: 100%;\n  padding: 28px 48px;\n  height: 100%;\n  :focus {\n    outline-color: transparent;\n    outline-style: none;\n    border: 1px solid ${({ theme }) => theme.colors.link};\n  }\n  font-size: 26px;\n  font-weight: 500;\n  color: #ffffff;\n  line-height: 45px;\n  @media (max-width: 960px) {\n  }\n`;\n\nconst StyledButton = styled.a`\n  font-size: 20px;\n  height: 52px;\n  width: 210px;\n  color: inherit;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 52px;\n  border: ${(props) => (!props.primary ? \"1px solid #3C3C3C\" : \"none\")};\n  background: ${(props) => (props.primary ? \"linear-gradient(270deg, #7B6AFF 0%, #4A61CC 100%)\" : \"none\")};\n  cursor: pointer;\n`;\n\nconst Contact = () => {\n  const [email, setEmail] = useState(undefined);\n  const [signUpLoading, setSignUpLoading] = useState(false);\n\n  const handleSignUpEmail = async () => {\n    if (signUpLoading || !email) return;\n    setSignUpLoading(true);\n\n    const { status, code } = await subscribe(email);\n\n    if (status === false) {\n      if (code === \"602\") {\n        alert(\"Error, you input a invalid email\");\n      } else if (code === \"601\") {\n        alert(\"You have subscribed already\");\n      }\n    } else {\n      setEmail(\"\");\n      alert(\"Thanks! You are now subscribed to our mailing list.\");\n    }\n\n    setSignUpLoading(false);\n  };\n\n  const handleInputEmail = async (e) => {\n    await setEmail(e.target.value);\n  };\n\n  const handleEntryPush = async (e) => {\n    if (e.keyCode && email) {\n      await handleSignUpEmail();\n    }\n  };\n\n  return (\n    <>\n      <StyledSectionTitleSub>Sign up for ICPSwap updates</StyledSectionTitleSub>\n      <StyledContactForm>\n        <StyledInput\n          min={10}\n          max={30}\n          value={email}\n          type=\"text\"\n          onChange={handleInputEmail}\n          className=\"docsearch\"\n          placeholder=\"Enter email here\"\n          onkeydown={handleEntryPush}\n        />\n        <PushButton onClick={handleSignUpEmail}>\n          Subscribe\n          {signUpLoading && \"...\"}\n        </PushButton>\n      </StyledContactForm>\n    </>\n  );\n};\n\nconst IndexPage = (props) => {\n  const isDark = useDarkMode();\n\n  return (\n    <Layout>\n      <BGCard>\n        <CardNoise />\n        <CardBGImage isDark={isDark} />\n        <CardFade />\n      </BGCard>\n\n      <StyledBody>\n        <StyledTitle>\n          <StyledBodyTitleSub>\n            The Hub of\n            <br />\n            Future Decentralized Finance\n          </StyledBodyTitleSub>\n          <StyledBodySubTitle style={{ marginBottom: \"0\", maxWidth: \"680px\" }}>\n            Reinventing the Exchange as a Hub that Provides Full-stack Financial, Market, and DAO Services on the\n            Internet Computer\n          </StyledBodySubTitle>\n          <StyledItemRow style={{ marginTop: \"3rem\" }}>\n            <StyledButton primary href=\"https://app.icpswap.com\" target=\"_blank\">\n              Launch App 1.0\n            </StyledButton>\n            <StyledButton\n              href=\"https://drive.google.com/file/d/1FsBTNDNUrvX9YkBpQetRZZMVocT5HgPj/view?pli=1\"\n              target=\"_blank\"\n            >\n              One-pager\n            </StyledButton>\n            <StyledButton\n              href=\"https://docs.google.com/document/d/16KtT63wNSXRCV9MAby09bl7oXTpl8k8B7V7wjQ8t6dM/edit?usp=sharing\"\n              target=\"_blank\"\n            >\n              SNS White Paper\n            </StyledButton>\n          </StyledItemRow>\n        </StyledTitle>\n        <InfoSection />\n        <DeveloperSection props={props} />\n        <ReinventingSection props={props} />\n        <ProductsSection props={props} />\n        <Contact props={props} />\n      </StyledBody>\n      <BG />\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n","import { StrictMode } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport App from \"./pages/app\";\nimport \"./index.css\";\n\nReactDOM.render(\n  <StrictMode>\n    <App />\n  </StrictMode>,\n  document.getElementById(\"app\")\n);\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.p = \"/\";","(() => {\n  if (typeof __webpack_require__ !== 'undefined') {\n    var oldGetScript = __webpack_require__.u;\n    var oldLoadScript = __webpack_require__.e;\n    var queryMap = {};\n    var countMap = {};\n    var getRetryDelay = function (retryAttempt) {\n      return 2 ** (retryAttempt - 1) * 500;\n    };\n    __webpack_require__.u = function (chunkId) {\n      var result = oldGetScript(chunkId);\n      return (\n        result +\n        (queryMap.hasOwnProperty(chunkId) ? '?' + queryMap[chunkId] : '')\n      );\n    };\n    __webpack_require__.e = function (chunkId) {\n      var result = oldLoadScript(chunkId);\n      return result.catch(function (error) {\n        var retries = countMap.hasOwnProperty(chunkId) ? countMap[chunkId] : 3;\n        if (retries < 1) {\n          var realSrc = oldGetScript(chunkId);\n          error.message =\n            'Loading chunk ' +\n            chunkId +\n            ' failed after 3 retries.\\n(' +\n            realSrc +\n            ')';\n          error.request = realSrc;\n          throw error;\n        }\n        return new Promise(function (resolve) {\n          var retryAttempt = 3 - retries + 1;\n          setTimeout(function () {\n            var retryAttemptString = '&retry-attempt=' + retryAttempt;\n            var cacheBust = (function () {\n              return 'cache-bust=' + Date.now();\n            })();\n            +retryAttemptString;\n            queryMap[chunkId] = cacheBust;\n            countMap[chunkId] = retries - 1;\n            resolve(__webpack_require__.e(chunkId));\n          }, getRetryDelay(retryAttempt));\n        });\n      });\n    };\n  }\n})();\n","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t792: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkicpswap_com\"] = self[\"webpackChunkicpswap_com\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [15], () => (__webpack_require__(3834)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["StyledMenu","styled","button","_ref","theme","colors","grey7","_ref2","textColor","_ref3","link","_ref4","StyledMenuTitle","span","_ref5","StyledMenuItem","_ref6","StyledMenuItemLink","a","Menu","props","matches","useMediaQuery","node","useRef","isOpen","updateIsOpen","useState","useEffect","handleClickOutside","e","current","contains","target","onFocus","focused","removeEventListener","document","addEventListener","menuData","data","doc","querySelector","id","scrollTop","offsetTop","_jsx","ref","tabIndex","children","onMouseOver","href","style","marginRight","name","onClick","stopPropagation","preventDefault","callback","el","scrollingElement","documentElement","setTimeout","EMAIL","setScrollPosition","previousScrollTop","handleDocumentScrollThrottled","throttle","currentScrollTop","body","previousPosition","window","StyledHeader","header","open","showBG","backgroundColor","concreteGray","StyledNav","nav","grey1","shadows","huge","StyledNavTitleWrapper","StyledHomeLink","MenuToggle","_ref7","grey9","_ref8","_ref9","_ref10","StyledLogo","img","_ref11","StyledCloseIcon","_ref12","menulinks","Header","isMenuOpen","updateIsMenuOpen","headerBG","setHeaderBG","useDocumentScrollThrottled","callbackData","useLayoutEffect","originalStyle","getComputedStyle","overflow","_jsxs","to","textDecoration","alt","title","src","map","item","useDarkMode","localStorage","setItem","grey2","StyledButton","fill","StyledNavTitle","_ref13","Row","div","_ref14","_ref15","_ref16","_ref17","darkMode","toggleDarkMode","path","_Fragment","split","length","replace","t","toUpperCase","type","Sun","size","Moon","Discord","Github","width","Home","screenWidth","screenHeight","smallerSize","Z_RANGE","setSizes","innerWidth","innerHeight","HOLE","x","y","r","Star","constructor","this","reset","Math","random","z","xPos","yPos","angle","getPosition","cos","sin","sqrt","draw","ctx","globalAlpha","fillStyle","fillRect","stars","Array","i","canvas","createElement","height","appendChild","getContext","BlockAnimate","clearRect","beginPath","forEach","star","requestAnimationFrame","StyledFooter","footer","StyledDeploy","Footer","year","Date","getFullYear","PowerByDfinity","MEDIA_WIDTHS","upToSmall","upToMedium","upToLarge","mediaWidthTemplates","Object","keys","reduce","accumulator","css","arguments","white","GlobalStyle","createGlobalStyle","StyledThemeProvider","isDarkMode","ThemeProvider","black","invertedTextColor","greyText","buttonBorder","heroBG","gradientBG","invertImage","modalBackground","cardBG","menuBG","marqueeBG","inputBackground","placeholderGray","shadowColor","mercuryGray","silverGray","chaliceGray","doveGray","blue1","blue2","blue3","blue4","blue5","blue6","blue7","blue8","blue9","grey6","grey8","grey3","grey4","grey5","green1","green2","pink1","pink2","pink3","yellow1","yellow2","red1","invertedLink","small","large","mediaWidth","flexColumnNoWrap","flexRowNoWrap","isDark","Layout","isDocs","siteMetadata","React","MiniHeader","siteTitle","StyledBG","Bg","StyledMiniCards","outlined","StyledCardBG","StyledMiniCardHeader","p","StyledMiniCardDesc","StyledMiniImage","color","icon","image","fluid","description","desc","links","sublinks","tag","StyledWizard","CardWrapper","Wizard","currentCategory","filter","category","sublink","InlineCard","CardBGImage","desaturate","CardNoise","noise","CardFade","StyledExternalLink","idlFactory","IDL","Email","Text","EmailPage","Record","content","Vec","offset","Nat","limit","totalElements","SubscribeResult","status","Bool","code","Service","clearEmails","Func","getEmailList","getEmailSize","subscribe","main","createActor","canisterId","options","agent","HttpAgent","agentOptions","Actor","actorOptions","BGCard","StyledBody","StyledTitle","StyledBodyTitleSub","h2","StyledBodySubTitle","h3","StyledBodySubText","StyledTokenomicsSubText","StyledBannerImage","StyledProductImage","StyledTokenomicsImage","StyledSectionFlex","wrapSmall","StyledItemRow","StyledItemCommunityRow","StyledSectionTitle","h1","StyledSectionTitleSub","DeveloperSection","ReinventingSection","marginTop","StyledSectionInfoList","ul","StyledInfoList","li","InfoSection","value","AppInfoContent","forwardRef","setPercentage","ScrollHidden","StyleAppBox","StyleAppWrapper","StyleAppImg","StyleAppItem","scrollTo","percentage","scrollBox","scrollWrapper","clientWidth","useImperativeHandle","onScroll","scrollPercentage","scrollLeft","AppInfo","ScrollBar","ActiveScrollBar","scrollRef","nodeName","parentNode","rect","getBoundingClientRect","pageX","ProductsSection","paddingBottom","paddingTop","StyledContactForm","form","PushButton","StyledInput","input","primary","Contact","email","setEmail","undefined","signUpLoading","setSignUpLoading","handleSignUpEmail","async","alert","min","max","onChange","className","placeholder","onkeydown","keyCode","marginBottom","maxWidth","BG","ReactDOM","StrictMode","App","getElementById","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","loaded","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","every","key","splice","n","getter","__esModule","d","definition","o","defineProperty","enumerable","get","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","nmd","paths","oldGetScript","u","oldLoadScript","queryMap","countMap","chunkId","catch","error","retries","realSrc","message","request","Promise","resolve","retryAttempt","cacheBust","now","getRetryDelay","installedChunks","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","push","nc","__webpack_exports__"],"sourceRoot":""}