Adding service fee:
*/}\n {/*{fee} CSPR
*/}\n {/*Adding bid amount:
\n{increaseAmount} CSPR
\nTotal bid amount:
\n{bidAmount} CSPR
\nMarketplace fee:
\n{fee} CSPR
\nTotal offer amount:
\n{sellAmount} CSPR
\nPrice:
\nMarketplace fee:
\n{fee} CSPR
\nTotal offer amount:
\n{sellAmount} CSPR
\nService fee:
*/}\n {/*{fee} CSPR
*/}\n {/*Total bid amount:
\n{bidAmount} CSPR
\nOops! An unknown error occurred. Please refresh the page, or visit from another browser or device.
\n }\n\n return children\n}\n\nexport default Web3ReactManager\n","import styled from 'styled-components/macro'\nimport { Link } from 'react-router-dom'\n\nexport const HeaderMain = styled.header`\n position: fixed;\n background-color: #fff;\n top: 0;\n width: 100%;\n z-index: 9;\n display: none;\n\n @media (min-width: 992px) {\n position: relative;\n background-color: transparent;\n display: block;\n }\n`\n\nexport const HeaderWrapper = styled.div`\n position: relative;\n z-index: 9;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 70px;\n\n @media (min-width: 992px) {\n height: 96px;\n }\n\n @media (min-width: 1200px) {\n padding: 0 3rem;\n }\n\n @media (min-width: 1920px) {\n padding: 0;\n }\n`\n\nexport const LogoWrap = styled(Link)`\n /* margin-right: 2rem; */\n`\n\nexport const Logo = styled.img`\n width: 100%;\n`\n\nexport const MenuToggle = styled.button`\n background: transparent;\n border: none;\n\n @media (min-width: 992px) {\n display: none;\n }\n`\n","import { Link } from 'react-router-dom'\nimport { Link as ScrollLink } from 'react-scroll'\n\nimport styled from 'styled-components/macro'\n\nexport const MainMenu = styled.div`\n position: relative;\n flex: 1;\n`\n\nexport const NavBarWrap = styled.div<{ footer?: boolean }>`\n ul {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n list-style: none;\n justify-content: ${({ footer }) => (footer ? 'center' : 'flex-start')};\n width: 100%;\n margin-bottom: 0;\n\n @media (min-width: 768px) {\n justify-content: ${({ footer }) => (footer ? 'flex-end' : 'center')};\n }\n\n li {\n margin: 0 10px;\n\n @media (min-width: 1200px) {\n margin: 0 1rem;\n }\n\n @media (min-width: 1400px) {\n margin: 0 1.25rem;\n }\n }\n }\n`\n\nexport const StyledLink = styled.a<{ darkMode?: boolean; market?: boolean }>`\n font-weight: 700;\n font-size: 15px;\n line-height: 18px;\n text-transform: uppercase;\n text-decoration: none;\n color: ${({ darkMode, market }) => (market ? '#ad203e' : darkMode ? '#fff' : '#000')};\n\n &:hover {\n color: ${({ darkMode, market }) => (market ? '#ad203e' : darkMode ? '#fff' : '#000')};\n text-shadow: 0 0 1px ${({ darkMode }) => (darkMode ? '#fff' : '#000')};\n transition: all 0.5s ease;\n cursor: pointer;\n }\n`\nexport const NavLink = styled(Link)<{ darkMode?: boolean; market?: boolean }>`\n font-weight: 700;\n font-size: 15px;\n line-height: 18px;\n text-transform: uppercase;\n text-decoration: none;\n color: ${({ darkMode, market }) => (market ? '#ad203e' : darkMode ? '#fff' : '#000')};\n\n &:hover {\n color: ${({ darkMode, market }) => (market ? '#ad203e' : darkMode ? '#fff' : '#000')};\n text-shadow: 0 0 1px ${({ darkMode }) => (darkMode ? '#fff' : '#000')};\n transition: all 0.5s ease;\n cursor: pointer;\n }\n`\n\nexport const StyledScrollLink = styled(ScrollLink)<{ darkMode?: boolean; market?: boolean }>`\n font-weight: 700;\n font-size: 15px;\n line-height: 18px;\n text-transform: uppercase;\n text-decoration: none;\n color: ${({ darkMode, market }) => (market ? '#ad203e' : darkMode ? '#fff' : '#000')};\n\n &:hover {\n color: ${({ darkMode, market }) => (market ? '#ad203e' : darkMode ? '#fff' : '#000')};\n text-shadow: 0 0 1px ${({ darkMode }) => (darkMode ? '#fff' : '#000')};\n transition: all 0.5s ease;\n cursor: pointer;\n }\n`\n\nexport const MobileMenu = styled.ul`\n list-style: none;\n`\nexport const DropContentLink = styled(Link)`\n font-weight: 600;\n font-size: 15px;\n line-height: 18px;\n text-decoration: none;\n color: #000;\n\n &:hover {\n color: #000;\n text-shadow: 0 0 1px #000;\n transition: all 0.5s ease;\n cursor: pointer;\n }\n`\n","import styled from 'styled-components/macro'\n\nconst DropdownWrap = styled.div`\n position: relative;\n display: inline-block;\n cursor: pointer;\n\n &:hover {\n .dropdown-content {\n display: grid;\n }\n\n .dropdown-button {\n text-shadow: 0 0 1px #000;\n transition: all 0.5s ease;\n }\n }\n`\n\nconst DropdownButton = styled.button`\n padding: 0;\n background: transparent;\n border: none;\n font-weight: 700;\n font-size: 15px;\n line-height: 18px;\n text-transform: uppercase;\n text-decoration: none;\n color: #000;\n`\n\nconst DropdownContent = styled.div`\n display: none;\n position: absolute;\n background-color: #e5e5e5;\n gap: 1rem;\n padding: 1rem;\n min-width: 185px;\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\n z-index: 99999;\n`\n\ninterface IMenuDropDownProps {\n title: string\n children: React.ReactNode\n}\n\nfunction MenuDropdown({ title, children }: IMenuDropDownProps): JSX.Element {\n return (\nRecent Transactions
\nYour transactions will appear here...
\nRare, Unique, Digital Collectibles with Expanding Utility
\n \n{summary ?? 'Hash: ' + hash.slice(0, 8) + '...' + hash.slice(58, 65)}
\n {chainId && (\n\n
\n
\n
\n
\n \n \n \n Category\n \n \n \n | \n\n \n \n \n Examples\n \n \n \n | \n\n \n \n \n Collected\n \n \n \n | \n
\n \n \n \n A. Identifiers\n \n \n \n | \n \n \n \n \n \n Contact details, such as real name, alias, postal address,\n telephone or mobile contact number, unique personal identifier,\n online identifier, Internet Protocol address, email address, and\n account name\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n B. Personal information categories listed in the California\n Customer Records statute\n \n \n \n \n | \n \n \n \n \n \n Name, contact information, education, employment, employment\n history, and financial information\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n C. Protected classification characteristics under California or\n federal law\n \n \n \n \n | \n \n \n \n \n \n Gender and date of birth\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n D. Commercial information\n \n \n \n \n | \n \n \n \n \n \n Transaction information, purchase history, financial details,\n and payment information\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n E. Biometric information\n \n \n \n \n | \n \n \n \n \n \n Fingerprints and voiceprints\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n F. Internet or other similar network activity\n \n \n \n \n | \n \n \n \n \n \n Browsing history, search history, online{' '}\n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n G. Geolocation data\n \n \n \n | \n \n \n \n \n Device location\n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n H. Audio, electronic, visual, thermal, olfactory, or similar\n information\n \n \n \n \n | \n \n \n \n \n \n Images and audio, video or call recordings created in connection\n with our business activities\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n I. Professional or employment-related information\n \n \n \n \n | \n \n \n \n \n \n Business contact details in order to provide you our Services at\n a business level or job title, work history, and professional\n qualifications if you apply for a job with us\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n J. Education Information\n \n \n \n \n | \n \n \n \n \n \n Student records and directory information\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n
\n \n \n \n \n K. Inferences drawn from other personal information\n \n \n \n \n | \n \n \n \n \n \n Inferences drawn from any of the collected personal information\n listed above to create a profile or summary about, for example,\n an individual’s preferences and characteristics\n \n \n \n \n | \n \n \n \n \n \n \n \n \n \n \n \n \n | \n