https://opepen.in/
Last Checked: Jul 27, 2023, 16:23 EDT
| IP Address: | 50.18.215.94 |
| ASN #: | AS16509 AMAZON-02, US |
| Location: | San Jose, California, US |
| URL Reputation: |
|
Other submissions on 50.18.215.94:
-
https://dynoauth.cc/
-
https://mee6-auth.netlify.app/
-
https://paixtepunk.re/
-
https://watch.warpwire.live/?id=eLavNvZuAtSEmC4GFzYW3V&embed=true
-
https://sledge-hammer.app/
-
https://apecoin.cx/
-
https://sledgehammer-metahydras.app/
-
https://liquidityentry.netlify.app/
-
https://docs.lightcast.dev/apis/occupation-benchmark
-
https://tollan.xyz/
Other submissions on opepen.in:
No other submissions on this domain.
Previous checks:
No previous checks.
-
GET200 OK
https://explorer-api.walletconnect.com/w3m/v1/getWalletImage/7fd5a23a-3a01-4cfb-3c8b-9f43ae414400?projectId=8dd74ee448347316ae504bb5650dba7d
<html style="--100-vh: 1315px; --w3m-color-fg-1: rgb(20,20,20); --w3m-color-fg-2: rgb(121,134,134); --w3m-color-fg-3: rgb(158,169,169); --w3m-color-bg-1: rgb(255,255,255); --w3m-color-bg-2: rgb(241,243,243); --w3m-color-bg-3: rgb(228,231,231); --w3m-color-overlay: rgba(0,0,0,0.1); --w3m-accent-color: #3396FF; --w3m-accent-fill-color: #FFFFFF; --w3m-z-index: 99999; --w3m-background-color: #3396FF; --w3m-background-border-radius: 8px; --w3m-container-border-radius: 30px; --w3m-wallet-icon-border-radius: 15px; --w3m-wallet-icon-large-border-radius: 30px; --w3m-wallet-icon-small-border-radius: 7px; --w3m-input-border-radius: 28px; --w3m-button-border-radius: 10px; --w3m-notification-border-radius: 36px; --w3m-secondary-button-border-radius: 28px; --w3m-icon-button-border-radius: 50%; --w3m-button-hover-highlight-border-radius: 10px; --w3m-text-big-bold-size: 20px; --w3m-text-big-bold-weight: 600; --w3m-text-big-bold-line-height: 24px; --w3m-text-big-bold-letter-spacing: -0.03em; --w3m-text-big-bold-text-transform: none; --w3m-text-xsmall-bold-size: 10px; --w3m-text-xsmall-bold-weight: 700; --w3m-text-xsmall-bold-line-height: 12px; --w3m-text-xsmall-bold-letter-spacing: 0.02em; --w3m-text-xsmall-bold-text-transform: uppercase; --w3m-text-xsmall-regular-size: 12px; --w3m-text-xsmall-regular-weight: 600; --w3m-text-xsmall-regular-line-height: 14px; --w3m-text-xsmall-regular-letter-spacing: -0.03em; --w3m-text-xsmall-regular-text-transform: none; --w3m-text-small-thin-size: 14px; --w3m-text-small-thin-weight: 500; --w3m-text-small-thin-line-height: 16px; --w3m-text-small-thin-letter-spacing: -0.03em; --w3m-text-small-thin-text-transform: none; --w3m-text-small-regular-size: 14px; --w3m-text-small-regular-weight: 600; --w3m-text-small-regular-line-height: 16px; --w3m-text-small-regular-letter-spacing: -0.03em; --w3m-text-small-regular-text-transform: none; --w3m-text-medium-regular-size: 16px; --w3m-text-medium-regular-weight: 600; --w3m-text-medium-regular-line-height: 20px; --w3m-text-medium-regular-letter-spacing: -0.03em; --w3m-text-medium-regular-text-transform: none; --w3m-font-family: Arial, Roboto, sans-serif; --w3m-font-feature-settings: 'tnum' on, 'lnum' on, 'case' on; --w3m-success-color: rgb(38,181,98); --w3m-error-color: rgb(242, 90, 103); --w3m-overlay-background-color: rgba(0, 0, 0, 0.3); --w3m-overlay-backdrop-filter: none; --w3m-background-image-url: none;" lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
<link rel="manifest" href="/manifest.json">
<link rel="preload" href="/fonts/headings/Aeonik-Air.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/headings/Aeonik-AirItalic.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/headings/Aeonik-Thin.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/headings/Aeonik-Regular.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/headings/Aeonik-Medium.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/headings/Aeonik-Bold.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/headings/Aeonik-Black.otf" as="font" type="font/otf" crossorigin="">
<link rel="preload" href="/fonts/SpaceGrotesk/SpaceGrotesk-Light.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/v2/fonts/PPNeueBit-Regular.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/v2/fonts/PPNeueBit-Bold.ttf" as="font" type="font/ttf" crossorigin="">
<link rel="preload" href="/fonts/PP Editorial New/PPEditorialNew-Regular.ttf" as="font" type="font/ttf" crossorigin="">
<title> oncyber - build your own world, experience with others. </title>
<meta name="description" content="A multiverse for creators, oncyber is the easiest way for artists and collectors to show their digital assets (NFTs) in fully immersive experiences (3D/VR), for free.">
<meta property="og:title" content="Fully immersive experiences for your digital assets (NFTs)">
<meta property="og:description" content="A digital world for creators, oncyber is the easiest way for artists and collectors to show their digital assets (NFTs) in fully immersive experiences (3D/VR), for free.">
<meta property="og:image" content="https://res.cloudinary.com/oncyber-io/image/upload/v1648742218/assets/thumbnail_yvbk53_auozqa.png">
<meta property="twitter:image" content="https://res.cloudinary.com/oncyber-io/image/upload/v1648742218/assets/thumbnail_yvbk53_auozqa.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Fully immersive experiences for your digital assets (NFTs)">
<meta name="twitter:description" content="A digital world for creators, oncyber is the easiest way for artists and collectors to show their digital assets (NFTs) in fully immersive experiences (3D/VR), for free.">
<meta name="next-head-count" content="27">
<script src="https://connect.facebook.net/signals/config/215639087670255?v=2.9.118&r=stable" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script src="https://connect.facebook.net/signals/config/215639087670255?v=2.9.117&r=stable" async=""></script>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer=""></script>
<link rel="preload" href="/_next/static/css/e8c4301806e96b22.css" as="style">
<link rel="preload" href="/_next/static/css/0e7ae27fa8e28e9c.css" as="style">
<noscript data-n-css=""></noscript>
<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
<script defer="" src="/_next/static/chunks/3532.01a5c83ff3764b97.js"></script>
<script defer="" src="/_next/static/chunks/7943.4a58fee6e0150abe.js"></script>
<script defer="" src="/_next/static/chunks/9281.9a1c72f129ad17ab.js"></script>
<script src="/_next/static/chunks/webpack-bb6b5cafa48d2893.js" defer=""></script>
<script src="/_next/static/chunks/framework-4ed89e9640adfb9e.js" defer=""></script>
<script src="/_next/static/chunks/main-73d259ed8f5c4675.js" defer=""></script>
<script src="/_next/static/chunks/pages/_app-cbd1194ae238d82f.js" defer=""></script>
<script src="/_next/static/chunks/de297ff1-7ade9a5c2eb86cf8.js" defer=""></script>
<script src="/_next/static/chunks/29107295-4a69275373f23f88.js" defer=""></script>
<script src="/_next/static/chunks/75fc9c18-5a55cb0f13134a2c.js" defer=""></script>
<script src="/_next/static/chunks/9403-2bfbbe80b8449f2c.js" defer=""></script>
<script src="/_next/static/chunks/5585-28d913166b6acab3.js" defer=""></script>
<script src="/_next/static/chunks/2132-d60bddf5bce73151.js" defer=""></script>
<script src="/_next/static/chunks/7635-7a0bbe1dd295abbf.js" defer=""></script>
<script src="/_next/static/chunks/7206-9b88c19ab6b2faa4.js" defer=""></script>
<script src="/_next/static/chunks/8195-48bce34519da760b.js" defer=""></script>
<script src="/_next/static/chunks/7213-8e7aa16e74d80bea.js" defer=""></script>
<script src="/_next/static/chunks/9849-161fde76c38821b5.js" defer=""></script>
<script src="/_next/static/chunks/7486-796605ee9ec4d264.js" defer=""></script>
<script src="/_next/static/chunks/7981-44bcae68c980e4fd.js" defer=""></script>
<script src="/_next/static/chunks/7838-20aee1c3ae3821f4.js" defer=""></script>
<script src="/_next/static/chunks/2993-aac9c9efa19c9198.js" defer=""></script>
<script src="/_next/static/chunks/2845-ea27eb613aa03a0d.js" defer=""></script>
<script src="/_next/static/chunks/3260-ad70d1025ed063ca.js" defer=""></script>
<script src="/_next/static/chunks/6382-c7aa0111ba5fc937.js" defer=""></script>
<script src="/_next/static/chunks/7586-8bc2be0edfdaa6d9.js" defer=""></script>
<script src="/_next/static/chunks/pages/mints/%5Bslug%5D-47c555cd05d9d742.js" defer=""></script>
<script src="/_next/static/DEOuAUob3TjtlksoX5tPj/_buildManifest.js" defer=""></script>
<script src="/_next/static/DEOuAUob3TjtlksoX5tPj/_ssgManifest.js" defer=""></script>
<script src="https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151603" async=""></script>
<link as="script" rel="prefetch" href="/_next/static/chunks/3486-a2d4343af48b71b6.js">
<link as="script" rel="prefetch" href="/_next/static/chunks/6633-b35460c6e92bf07e.js">
<link as="script" rel="prefetch" href="/_next/static/chunks/7516-3fbef02651482c93.js">
<link as="script" rel="prefetch" href="/_next/static/chunks/pages/index-e3f4956e2f3a2888.js">
<style>
:root {
--100-vh: 100vh;
--zIndex-ds-ui-float-dropdown: 1000000;
--zIndex_progress: 10000000000;
--zIndex_user-dropdown: 1;
--zIndex_nav-filter-mobile-menu: 100;
--zIndex_nav-filter-mobile-button: 100;
--zIndex_nav-search-wrapper: 100;
--zIndex_nav-filter-desktop-tab: 100;
--zIndex_mobile-sticky-nav: 100;
--zIndex_nav-submenu: 101;
--zIndex_create_page-link-invite-dropdown: 1000000;
--zIndex-snackbar: 10000000;
}
@font-face {
font-family: Aeonik;
font-weight: 100;
src: local("Aeonik"), url("/fonts/headings/Aeonik-Air.otf");
font-display: optional;
}
@font-face {
font-family: Aeonik;
font-weight: 200;
src: local("Aeonik"), url("/fonts/headings/Aeonik-AirItalic.otf");
font-display: optional;
}
@font-face {
font-family: Aeonik;
font-weight: 300;
src: local("Aeonik"), url("/fonts/headings/Aeonik-Thin.otf");
font-display: optional;
}
@font-face {
font-family: Aeonik;
font-weight: 400;
src: local("Aeonik"), url("/fonts/headings/Aeonik-Regular.otf");
font-display: optional;
}
@font-face {
font-family: Aeonik;
font-weight: 500;
src: local("Aeonik"), url("/fonts/headings/Aeonik-Medium.otf");
font-display: optional;
}
@font-face {
font-family: Aeonik;
font-weight: 600;
src: local("Aeonik"), url("/fonts/headings/Aeonik-Bold.otf");
font-display: optional;
}
@font-face {
font-family: Aeonik;
font-weight: 700;
src: local("Aeonik"), url("/fonts/headings/Aeonik-Black.otf");
font-display: optional;
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 300;
src: local("SpaceGrotesk"), url("/fonts/SpaceGrotesk/SpaceGrotesk-Light.ttf");
font-display: optional;
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 400;
src: local("SpaceGrotesk"), url("/fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf");
font-display: optional;
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 500;
src: local("SpaceGrotesk"), url("/fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf");
font-display: optional;
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 600;
src: local("SpaceGrotesk"), url("/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf");
font-display: optional;
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 700;
src: local("SpaceGrotesk"), url("/fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf");
font-display: optional;
}
@font-face {
font-family: PPNeueBit;
font-weight: 300;
src: local("PPNeueBit-Regular"), url("/v2/fonts/PPNeueBit-Regular.ttf");
font-display: optional;
}
@font-face {
font-family: PPNeueBit;
font-weight: 500;
src: local("PPNeueBit-Bold"), url("/v2/fonts/PPNeueBit-Bold.ttf");
font-display: optional;
}
@font-face {
font-family: "PP Editorial New";
font-weight: 400;
src: url("/fonts/PP Editorial New/PPEditorialNew-Regular.ttf");
font-display: optional;
}
body,
html {
padding: 0px;
margin: 0px;
font-family: Aeonik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
html {
text-size-adjust: 100%;
}
@keyframes shine {
100% {
background-position-x: -200%;
}
}
button,
input,
select,
textarea {
font-family: inherit;
}
a {
color: inherit;
text-decoration: none;
}
* {
box-sizing: border-box;
}
.hide {
display: none !important;
}
@media (max-width: 600px) {
.mobile-hide {
display: none;
}
}
.dg.a {
margin-top: 60px !important;
}
.pixelated {
font-family: PPNeueBit, Aeonik, sans-serif;
font-size: 1.45em;
font-weight: 400;
}
.hue-field {
position: absolute;
}
.body>div.dg.ac>div {
position: absolute;
z-index: 50;
transform: scale(0.1);
}
.ac {
transform: scale(0.8);
z-index: 1001 !important;
}
.dg .cr.image {
position: relative;
height: auto;
border-left: 3px solid rgb(47, 161, 214);
}
.dg .cr.image .preview {
display: block;
width: calc(100% + 5px);
padding: 4px 0px;
margin-left: -5px;
}
.dg .cr.image input {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.cur-pointer {
cursor: pointer;
}
.elementToFadeInAndOut {
animation: 4s linear 0s 1 normal forwards running fadeinout;
}
@keyframes fadeinout {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.y-scroll {
overflow-y: auto;
}
.scrollbar-horizontal::-webkit-scrollbar {
height: 5px !important;
}
.scrollbar::-webkit-scrollbar {
width: 5px !important;
}
.scrollbar-hidden::-webkit-scrollbar {
display: none;
}
.scrollbar-hidden {}
.scrollbar-horizontal.light::-webkit-scrollbar,
.scrollbar.light::-webkit-scrollbar {
display: block;
background: rgb(188, 188, 188);
border-radius: 8px;
}
.scrollbar-horizontal.light::-webkit-scrollbar-thumb,
.scrollbar.light::-webkit-scrollbar-thumb {
border-radius: 8px;
background: rgb(218, 218, 218);
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 5px;
width: 5px !important;
}
.scrollbar.dark::-webkit-scrollbar-thumb {
border-radius: 8px;
background: rgb(51, 51, 51);
width: 5px !important;
}
.disabled {
opacity: 0.6;
pointer-events: none;
}
input[type="checkbox"] {
accent-color: rgb(7, 7, 7);
}
.wallet-adapter-modal {
z-index: 2147483647 !important;
}
.capitalize {
text-transform: capitalize;
}
.no-select {
user-select: none;
}
@media (min-width: 800px) {
.modal-shortcuts-modals {
width: 800px !important;
}
}
.snackbar-wrapper {
display: flex;
align-items: center;
margin: 8px;
position: fixed;
right: 0px;
left: 0px;
z-index: var(--zIndex-snackbar);
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
pointer-events: none;
cursor: pointer;
}
.snackbar-wrapper-top-center,
.snackbar-wrapper-top-left,
.snackbar-wrapper-top-right {
top: 72px;
right: 72px;
}
@media (max-width: 650px) {
.snackbar-wrapper-top-center,
.snackbar-wrapper-top-left,
.snackbar-wrapper-top-right {
top: 180px;
right: 8px;
}
}
.snackbar-wrapper-bottom-center,
.snackbar-wrapper-bottom-left,
.snackbar-wrapper-bottom-right {
bottom: 48px;
}
.snackbar-wrapper-bottom-left,
.snackbar-wrapper-top-left {
justify-content: flex-start;
}
.snackbar-wrapper-bottom-center,
.snackbar-wrapper-top-center {
justify-content: center;
}
.snackbar-wrapper-bottom-right,
.snackbar-wrapper-top-right {
justify-content: flex-end;
}
.snackbar {
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 300px;
max-width: 672px;
height: 45px;
border-radius: 45px;
background: linear-gradient(201.23deg, rgba(144, 144, 146, 0.553) 4.03%, rgba(120, 120, 120, 0.24) 94%);
backdrop-filter: blur(15px);
-webkit-font-smoothing: antialiased;
font-size: 14px;
font-weight: 500;
color: rgb(255, 255, 255);
letter-spacing: 0.25px;
line-height: 20px;
text-align: left;
padding: 0px 0px 0px 8px;
}
.snackbar-error {
color: rgb(211, 47, 47);
}
.snackbar-warning {
color: rgb(237, 108, 2);
}
.snackbar__text {
flex-grow: 1;
padding: 14px 16px;
margin: 0px;
pointer-events: auto;
}
.snackbar__close {
flex-shrink: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 36px;
padding: 8px;
margin: 0px 8px 0px 0px;
cursor: pointer;
position: relative;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
outline: none;
border: none;
background: transparent;
transition: all 0.2s ease 0s;
font-size: 12px;
color: rgb(255, 255, 255);
}
@media (max-width: 344px),
(max-width: 480px) {
.snackbar {
max-width: 100%;
font-size: 12px;
min-width: 150px;
}
.snackbar__close {
display: none;
}
}
.undo {
text-transform: uppercase;
padding: 4px 8px;
width: auto;
}
.snackbar__close:hover {
background: rgb(247, 247, 247);
}
.snackbar__close::before {
content: "";
background-color: transparent;
border-radius: 50%;
opacity: 0;
position: absolute;
transition: opacity 0.12s linear 0s;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
@media (hover: hover) {
.snackbar__close:hover::before {
opacity: 0.08;
}
}
.snackbar-enter,
.snackbar-exit-active {
opacity: 0;
}
.snackbar-enter-active {
opacity: 1;
}
.snackbar-enter-top-center,
.snackbar-enter-top-left,
.snackbar-enter-top-right,
.snackbar-exit-active-top-center,
.snackbar-exit-active-top-left,
.snackbar-exit-active-top-right {
transform: translateY(-16px);
}
.snackbar-enter-bottom-center,
.snackbar-enter-bottom-left,
.snackbar-enter-bottom-right,
.snackbar-exit-active-bottom-center,
.snackbar-exit-active-bottom-left,
.snackbar-exit-active-bottom-right {
transform: translateY(16px);
}
.snackbar-enter-active-bottom-center,
.snackbar-enter-active-bottom-left,
.snackbar-enter-active-bottom-right,
.snackbar-enter-active-top-center,
.snackbar-enter-active-top-left,
.snackbar-enter-active-top-right {
transform: translateY(0px);
}
:root {
--100-vh: 100vh;
--zIndex-ds-ui-float-dropdown: 1000000;
--zIndex_progress: 10000000000;
--zIndex_user-dropdown: 1;
--zIndex_nav-filter-mobile-menu: 100;
--zIndex_nav-filter-mobile-button: 100;
--zIndex_nav-search-wrapper: 100;
--zIndex_nav-filter-desktop-tab: 100;
--zIndex_mobile-sticky-nav: 100;
--zIndex_nav-submenu: 101;
--zIndex_create_page-link-invite-dropdown: 1000000;
--zIndex-snackbar: 10000000
}
@font-face {
font-family: Aeonik;
font-weight: 100;
src: local("Aeonik"), url(/fonts/headings/Aeonik-Air.otf);
font-display: optional
}
@font-face {
font-family: Aeonik;
font-weight: 200;
src: local("Aeonik"), url(/fonts/headings/Aeonik-AirItalic.otf);
font-display: optional
}
@font-face {
font-family: Aeonik;
font-weight: 300;
src: local("Aeonik"), url(/fonts/headings/Aeonik-Thin.otf);
font-display: optional
}
@font-face {
font-family: Aeonik;
font-weight: 400;
src: local("Aeonik"), url(/fonts/headings/Aeonik-Regular.otf);
font-display: optional
}
@font-face {
font-family: Aeonik;
font-weight: 500;
src: local("Aeonik"), url(/fonts/headings/Aeonik-Medium.otf);
font-display: optional
}
@font-face {
font-family: Aeonik;
font-weight: 600;
src: local("Aeonik"), url(/fonts/headings/Aeonik-Bold.otf);
font-display: optional
}
@font-face {
font-family: Aeonik;
font-weight: 700;
src: local("Aeonik"), url(/fonts/headings/Aeonik-Black.otf);
font-display: optional
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 300;
src: local("SpaceGrotesk"), url(/fonts/SpaceGrotesk/SpaceGrotesk-Light.ttf);
font-display: optional
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 400;
src: local("SpaceGrotesk"), url(/fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf);
font-display: optional
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 500;
src: local("SpaceGrotesk"), url(/fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf);
font-display: optional
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 600;
src: local("SpaceGrotesk"), url(/fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf);
font-display: optional
}
@font-face {
font-family: SpaceGrotesk;
font-weight: 700;
src: local("SpaceGrotesk"), url(/fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf);
font-display: optional
}
@font-face {
font-family: PPNeueBit;
font-weight: 300;
src: local("PPNeueBit-Regular"), url(/v2/fonts/PPNeueBit-Regular.ttf);
font-display: optional
}
@font-face {
font-family: PPNeueBit;
font-weight: 500;
src: local("PPNeueBit-Bold"), url(/v2/fonts/PPNeueBit-Bold.ttf);
font-display: optional
}
@font-face {
font-family: PP Editorial New;
font-weight: 400;
src: url("/fonts/PP Editorial New/PPEditorialNew-Regular.ttf");
font-display: optional
}
body,
html {
padding: 0;
margin: 0;
font-family: Aeonik, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
@keyframes shine {
to {
background-position-x: -200%
}
}
button,
input,
select,
textarea {
font-family: inherit
}
a {
color: inherit;
text-decoration: none
}
* {
box-sizing: border-box
}
.hide {
display: none !important
}
@media (max-width:600px) {
.mobile-hide {
display: none
}
}
.dg.a {
margin-top: 60px !important
}
.pixelated {
font-family: PPNeueBit, Aeonik, sans-serif;
font-size: 1.45em;
font-weight: 400
}
.hue-field {
position: absolute
}
.body>div.dg.ac>div {
position: absolute;
z-index: 50;
transform: scale(.1)
}
.ac {
transform: scale(.8);
z-index: 1001 !important
}
.dg .cr.image {
position: relative;
height: auto;
border-left: 3px solid #2fa1d6
}
.dg .cr.image .preview {
display: block;
width: calc(100% + 5px);
padding: 4px 0;
margin-left: -5px
}
.dg .cr.image input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer
}
.cur-pointer {
cursor: pointer
}
.elementToFadeInAndOut {
animation: fadeinout 4s linear 1 forwards
}
@keyframes fadeinout {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
.y-scroll {
overflow-y: auto
}
.scrollbar-horizontal::-webkit-scrollbar {
height: 5px !important
}
.scrollbar::-webkit-scrollbar {
width: 5px !important
}
.scrollbar-hidden::-webkit-scrollbar {
display: none
}
.scrollbar-hidden {
scrollbar-width: none
}
.scrollbar-horizontal.light::-webkit-scrollbar,
.scrollbar.light::-webkit-scrollbar {
display: block;
background: #bcbcbc;
border-radius: 8px
}
.scrollbar-horizontal.light::-webkit-scrollbar-thumb,
.scrollbar.light::-webkit-scrollbar-thumb {
width: 5px !important;
border-radius: 8px;
background: #dadada;
box-shadow: 0 0 5px #0000001f
}
.scrollbar.dark::-webkit-scrollbar-thumb {
width: 5px !important;
border-radius: 8px;
background: #333
}
.disabled {
opacity: .6;
pointer-events: none
}
input[type=checkbox] {
accent-color: #070707
}
.wallet-adapter-modal {
z-index: 10000000000 !important
}
.capitalize {
text-transform: capitalize
}
.no-select {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none
}
@media (min-width:800px) {
.modal-shortcuts-modals {
width: 800px !important
}
}
.snackbar-wrapper {
display: flex;
align-items: center;
margin: 8px;
position: fixed;
right: 0;
left: 0;
z-index: var(--zIndex-snackbar);
transition: opacity .15s, transform .15s;
pointer-events: none;
cursor: pointer
}
.snackbar-wrapper-top-center,
.snackbar-wrapper-top-left,
.snackbar-wrapper-top-right {
top: 72px;
right: 72px
}
@media (max-width:650px) {
.snackbar-wrapper-top-center,
.snackbar-wrapper-top-left,
.snackbar-wrapper-top-right {
top: 180px;
right: 8px
}
}
.snackbar-wrapper-bottom-center,
.snackbar-wrapper-bottom-left,
.snackbar-wrapper-bottom-right {
bottom: 48px
}
.snackbar-wrapper-bottom-left,
.snackbar-wrapper-top-left {
justify-content: flex-start
}
.snackbar-wrapper-bottom-center,
.snackbar-wrapper-top-center {
justify-content: center
}
.snackbar-wrapper-bottom-right,
.snackbar-wrapper-top-right {
justify-content: flex-end
}
.snackbar {
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 300px;
max-width: 672px;
height: 45px;
border-radius: 45px;
background: linear-gradient(201.23deg, hsla(240, 1%, 57%, .552) 4.03%, hsla(0, 0%, 47%, .24) 94%);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-weight: 500;
color: #fff;
letter-spacing: .25px;
line-height: 20px;
text-align: left;
padding: 0 0 0 8px
}
.snackbar-error {
color: #d32f2f
}
.snackbar-warning {
color: #ed6c02
}
.snackbar__text {
flex-grow: 1;
padding: 14px 16px;
margin: 0;
pointer-events: auto
}
.snackbar__close {
flex-shrink: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 36px;
padding: 8px;
margin: 0 8px 0 0;
cursor: pointer;
position: relative;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
outline: none;
background-color: transparent;
border: none;
background: transparent;
transition: .2s;
font-size: 12px;
color: #fff
}
@media (max-width:344px),
(max-width:480px) {
.snackbar {
max-width: 400px;
max-width: 100%;
font-size: 12px;
min-width: 150px
}
.snackbar__close {
display: none
}
}
.undo {
text-transform: uppercase;
padding: 4px 8px;
width: auto
}
.snackbar__close:hover {
background: #f7f7f7
}
.snackbar__close:before {
content: "";
background-color: transparent;
border-radius: 50%;
opacity: 0;
position: absolute;
transition: opacity .12s linear;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media (hover:hover) {
.snackbar__close:hover:before {
opacity: .08
}
}
.snackbar-enter,
.snackbar-exit-active {
opacity: 0
}
.snackbar-enter-active {
opacity: 1
}
.snackbar-enter-top-center,
.snackbar-enter-top-left,
.snackbar-enter-top-right,
.snackbar-exit-active-top-center,
.snackbar-exit-active-top-left,
.snackbar-exit-active-top-right {
transform: translateY(-16px)
}
.snackbar-enter-bottom-center,
.snackbar-enter-bottom-left,
.snackbar-enter-bottom-right,
.snackbar-exit-active-bottom-center,
.snackbar-exit-active-bottom-left,
.snackbar-exit-active-bottom-right {
transform: translateY(16px)
}
.snackbar-enter-active-bottom-center,
.snackbar-enter-active-bottom-left,
.snackbar-enter-active-bottom-right,
.snackbar-enter-active-top-center,
.snackbar-enter-active-top-left,
.snackbar-enter-active-top-right {
transform: translateY(0)
}
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
.wallet-adapter-button {
background-color: transparent;
border: none;
color: rgb(255, 255, 255);
cursor: pointer;
display: flex;
align-items: center;
font-family: "DM Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
height: 48px;
line-height: 48px;
padding: 0px 24px;
border-radius: 4px;
}
.wallet-adapter-button-trigger {
background-color: rgb(81, 45, 168);
}
.wallet-adapter-button:not([disabled]):focus-visible {
outline-color: rgb(255, 255, 255);
}
.wallet-adapter-button:not([disabled]):hover {
background-color: rgb(26, 31, 46);
}
.wallet-adapter-button[disabled] {
background: rgb(64, 65, 68);
color: rgb(153, 153, 153);
cursor: not-allowed;
}
.wallet-adapter-button-end-icon,
.wallet-adapter-button-end-icon img,
.wallet-adapter-button-start-icon,
.wallet-adapter-button-start-icon img {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.wallet-adapter-button-end-icon {
margin-left: 12px;
}
.wallet-adapter-button-start-icon {
margin-right: 12px;
}
.wallet-adapter-collapse {
width: 100%;
}
.wallet-adapter-dropdown {
position: relative;
display: inline-block;
}
.wallet-adapter-dropdown-list {
position: absolute;
z-index: 99;
display: grid;
grid-template-rows: 1fr;
row-gap: 10px;
padding: 10px;
top: 100%;
right: 0px;
margin: 0px;
list-style: none;
background: rgb(44, 45, 48);
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 20px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease 0s, transform 0.2s ease 0s, visibility 0.2s ease 0s;
font-family: "DM Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wallet-adapter-dropdown-list-active {
opacity: 1;
visibility: visible;
transform: translateY(10px);
}
.wallet-adapter-dropdown-list-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: none;
outline: none;
cursor: pointer;
white-space: nowrap;
box-sizing: border-box;
padding: 0px 20px;
width: 100%;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
height: 37px;
color: rgb(255, 255, 255);
}
.wallet-adapter-dropdown-list-item:not([disabled]):hover {
background-color: rgb(26, 31, 46);
}
.wallet-adapter-modal-collapse-button svg {
align-self: center;
fill: rgb(153, 153, 153);
}
.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg {
transform: rotate(180deg);
transition: transform 0.15s ease-in 0s;
}
.wallet-adapter-modal {
position: fixed;
inset: 0px;
opacity: 0;
transition: opacity 0.15s linear 0s;
background: rgba(0, 0, 0, 0.5);
z-index: 1040;
overflow-y: auto;
}
.wallet-adapter-modal.wallet-adapter-modal-fade-in {
opacity: 1;
}
.wallet-adapter-modal-button-close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 18px;
right: 18px;
padding: 12px;
cursor: pointer;
background: rgb(26, 31, 46);
border: none;
border-radius: 50%;
}
.wallet-adapter-modal-button-close:focus-visible {
outline-color: rgb(255, 255, 255);
}
.wallet-adapter-modal-button-close svg {
fill: rgb(119, 119, 119);
transition: fill 0.2s ease 0s;
}
.wallet-adapter-modal-button-close:hover svg {
fill: rgb(255, 255, 255);
}
.wallet-adapter-modal-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
inset: 0px;
}
.wallet-adapter-modal-container {
display: flex;
margin: 3rem;
min-height: calc(100vh - 6rem);
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.wallet-adapter-modal-container {
margin: 1rem;
min-height: calc(100vh - 2rem);
}
}
.wallet-adapter-modal-wrapper {
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
flex-direction: column;
z-index: 1050;
max-width: 400px;
border-radius: 10px;
background: rgb(16, 20, 31);
box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 20px;
font-family: "DM Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
flex: 1 1 0%;
}
.wallet-adapter-modal-wrapper .wallet-adapter-button {
width: 100%;
}
.wallet-adapter-modal-title {
font-weight: 500;
font-size: 24px;
line-height: 36px;
margin: 0px;
padding: 64px 48px 48px;
text-align: center;
color: rgb(255, 255, 255);
}
@media (max-width: 374px) {
.wallet-adapter-modal-title {
font-size: 18px;
}
}
.wallet-adapter-modal-list {
margin: 0px 0px 12px;
padding: 0px;
width: 100%;
list-style: none;
}
.wallet-adapter-modal-list .wallet-adapter-button {
font-weight: 400;
border-radius: 0px;
font-size: 18px;
}
.wallet-adapter-modal-list .wallet-adapter-button-end-icon,
.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon img {
width: 28px;
height: 28px;
}
.wallet-adapter-modal-list .wallet-adapter-button span {
margin-left: auto;
font-size: 14px;
opacity: 0.6;
}
.wallet-adapter-modal-list-more {
cursor: pointer;
border: none;
padding: 12px 24px 24px 12px;
align-self: flex-end;
display: flex;
align-items: center;
background-color: transparent;
color: rgb(255, 255, 255);
}
.wallet-adapter-modal-list-more svg {
transition: all 0.1s ease 0s;
fill: rgb(255, 255, 255);
margin-left: 0.5rem;
}
.wallet-adapter-modal-list-more-icon-rotate {
transform: rotate(180deg);
}
.wallet-adapter-modal-middle {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0px 24px 24px;
box-sizing: border-box;
}
.wallet-adapter-modal-middle-button {
display: block;
cursor: pointer;
margin-top: 48px;
width: 100%;
background-color: rgb(81, 45, 168);
padding: 12px;
font-size: 18px;
border: none;
border-radius: 8px;
color: rgb(255, 255, 255);
}
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
.wallet-adapter-button {
background-color: transparent;
border: none;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
height: 48px;
line-height: 48px;
padding: 0 24px;
border-radius: 4px
}
.wallet-adapter-button-trigger {
background-color: #512da8
}
.wallet-adapter-button:not([disabled]):focus-visible {
outline-color: #fff
}
.wallet-adapter-button:not([disabled]):hover {
background-color: #1a1f2e
}
.wallet-adapter-button[disabled] {
background: #404144;
color: #999;
cursor: not-allowed
}
.wallet-adapter-button-end-icon,
.wallet-adapter-button-end-icon img,
.wallet-adapter-button-start-icon,
.wallet-adapter-button-start-icon img {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px
}
.wallet-adapter-button-end-icon {
margin-left: 12px
}
.wallet-adapter-button-start-icon {
margin-right: 12px
}
.wallet-adapter-collapse {
width: 100%
}
.wallet-adapter-dropdown {
position: relative;
display: inline-block
}
.wallet-adapter-dropdown-list {
position: absolute;
z-index: 99;
display: grid;
grid-template-rows: 1fr;
grid-row-gap: 10px;
padding: 10px;
top: 100%;
right: 0;
margin: 0;
list-style: none;
background: #2c2d30;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0, 0, 0, .6);
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, transform .2s ease, visibility .2s;
font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}
.wallet-adapter-dropdown-list-active {
opacity: 1;
visibility: visible;
transform: translateY(10px)
}
.wallet-adapter-dropdown-list-item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border: none;
outline: none;
cursor: pointer;
white-space: nowrap;
box-sizing: border-box;
padding: 0 20px;
width: 100%;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
height: 37px;
color: #fff
}
.wallet-adapter-dropdown-list-item:not([disabled]):hover {
background-color: #1a1f2e
}
.wallet-adapter-modal-collapse-button svg {
align-self: center;
fill: #999
}
.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg {
transform: rotate(180deg);
transition: transform .15s ease-in
}
.wallet-adapter-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: opacity .15s linear;
background: rgba(0, 0, 0, .5);
z-index: 1040;
overflow-y: auto
}
.wallet-adapter-modal.wallet-adapter-modal-fade-in {
opacity: 1
}
.wallet-adapter-modal-button-close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 18px;
right: 18px;
padding: 12px;
cursor: pointer;
background: #1a1f2e;
border: none;
border-radius: 50%
}
.wallet-adapter-modal-button-close:focus-visible {
outline-color: #fff
}
.wallet-adapter-modal-button-close svg {
fill: #777;
transition: fill .2s ease 0s
}
.wallet-adapter-modal-button-close:hover svg {
fill: #fff
}
.wallet-adapter-modal-overlay {
background: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.wallet-adapter-modal-container {
display: flex;
margin: 3rem;
min-height: calc(100vh - 6rem);
align-items: center;
justify-content: center
}
@media (max-width:480px) {
.wallet-adapter-modal-container {
margin: 1rem;
min-height: calc(100vh - 2rem)
}
}
.wallet-adapter-modal-wrapper {
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
flex-direction: column;
z-index: 1050;
max-width: 400px;
border-radius: 10px;
background: #10141f;
box-shadow: 0 8px 20px rgba(0, 0, 0, .6);
font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
flex: 1 1
}
.wallet-adapter-modal-wrapper .wallet-adapter-button {
width: 100%
}
.wallet-adapter-modal-title {
font-weight: 500;
font-size: 24px;
line-height: 36px;
margin: 0;
padding: 64px 48px 48px;
text-align: center;
color: #fff
}
@media (max-width:374px) {
.wallet-adapter-modal-title {
font-size: 18px
}
}
.wallet-adapter-modal-list {
margin: 0 0 12px;
padding: 0;
width: 100%;
list-style: none
}
.wallet-adapter-modal-list .wallet-adapter-button {
font-weight: 400;
border-radius: 0;
font-size: 18px
}
.wallet-adapter-modal-list .wallet-adapter-button-end-icon,
.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon img {
width: 28px;
height: 28px
}
.wallet-adapter-modal-list .wallet-adapter-button span {
margin-left: auto;
font-size: 14px;
opacity: .6
}
.wallet-adapter-modal-list-more {
cursor: pointer;
border: none;
padding: 12px 24px 24px 12px;
align-self: flex-end;
display: flex;
align-items: center;
background-color: transparent;
color: #fff
}
.wallet-adapter-modal-list-more svg {
transition: all .1s ease;
fill: #fff;
margin-left: .5rem
}
.wallet-adapter-modal-list-more-icon-rotate {
transform: rotate(180deg)
}
.wallet-adapter-modal-middle {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 24px 24px;
box-sizing: border-box
}
.wallet-adapter-modal-middle-button {
display: block;
cursor: pointer;
margin-top: 48px;
width: 100%;
background-color: #512da8;
padding: 12px;
font-size: 18px;
border: none;
border-radius: 8px;
color: #fff
}
.bkJVEK {
position: absolute;
left: 0px;
top: 0px;
}
.gevblF {
width: 100%;
height: 0px;
padding-top: 100%;
position: relative;
}
.ghhoit {
z-index: 20000;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
border: none;
height: 41px;
text-align: center;
transition: all 0.2s ease 0s;
white-space: nowrap;
--color: #070707;
--background-color: rgba(255, 255, 255, 1);
--border-color: rgba(7, 7, 7, 0.1);
--dropdown-background-color: #FFFFFF;
--avatar-border-color: rgba(0, 0, 0, 0.3);
--icon-color: invert(1);
background: var(--background-color);
font-size: 16px;
padding: 0px 24px;
border-radius: 30px;
position: relative;
user-select: none;
animation: auto ease 0s 1 normal none running none;
}
@media (max-width: 830px) {
.ghhoit {
--avatar-border-color: rgba(0, 0, 0, 0.3);
}
}
.ghhoit a,
.ghhoit .link {
color: var(--color);
}
.ghhoit:hover {
opacity: 0.6;
}
.ghhoit:focus {
outline: none;
}
.ghhoit a,
.ghhoit .link {
width: 100%;
padding: 4px 0px;
}
@media (max-width: 1150px) {
.ghhoit {
height: 40px;
}
}
@media (max-width: 800px) {
.ghhoit {
height: 40px;
}
}
.ghhoit>a,
.ghhoit .link {
font-size: 11px;
font-weight: 500;
}
@-webkit-keyframes blink {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes blink {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.jVOCEy {
width: 100%;
overflow: hidden;
max-width: 1260px;
margin: 0px auto;
padding: 8px 32px;
user-select: none;
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
z-index: 2000;
}
.jVOCEy .invertColor {
filter: invert(1) !important;
}
@media (max-width: 900px) {
.jVOCEy {
grid-template-columns: 9fr;
}
}
@media (max-width: 650px) {
.jVOCEy {
grid-template-columns: 9fr;
}
}
@media (max-width: 600px) {
.jVOCEy {
padding: 8px 16px;
}
.jVOCEy .nav {
display: grid;
-webkit-box-pack: center;
justify-content: center;
grid-template-columns: 1fr 1fr 9fr;
}
.jVOCEy .mobileHidden {
display: none;
}
}
.lhbBGZ {
border: none;
background: none;
padding: 2px 0px;
border-radius: 3px;
cursor: pointer;
}
.lhbBGZ:focus {
outline: none;
}
.idqRoJ {
width: 100%;
max-width: 1720px;
display: grid;
padding: 8px 0px;
position: relative;
grid-template-columns: 2fr 1fr 2fr;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.idqRoJ>div {
display: flex;
}
.idqRoJ .logo {
width: 45px;
margin: 0px auto;
}
.idqRoJ .links {
display: flex;
}
.idqRoJ .links a {
margin-right: 16px;
font-size: 14px;
display: flex;
-webkit-box-align: center;
align-items: center;
transition: all 0.2s ease 0s;
}
.idqRoJ .links a img {
margin-right: 4px;
margin-top: 2px;
width: 14px;
}
.idqRoJ .links a:hover {
opacity: 0.5;
}
@media (max-width: 900px) {
.idqRoJ .links .create {
display: none;
}
}
@media (max-width: 800px) {
.idqRoJ .links {
display: none;
}
}
.idqRoJ>a {
font-size: 16px;
cursor: pointer;
color: inherit;
text-align: right;
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
.idqRoJ {
padding: 0px;
}
}
@media (max-width: 600px) {
.idqRoJ {
padding: 8px 0px;
grid-template-columns: 1fr 1fr;
}
.idqRoJ .logo {
margin: 0px 0px 0px 12px;
}
.idqRoJ>div:nth-child(2) {
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
}
.iWcycW {
text-decoration: none;
cursor: pointer;
transition: all 0.4s ease-in-out 0s;
border-radius: 999999px;
font-size: 15px;
font-weight: 500;
line-height: 36px;
color: rgb(255, 255, 255);
background: rgb(255, 255, 255);
border: 1px solid transparent;
}
.iWcycW:hover {
transition: all 0.2s ease-in-out 0s;
opacity: 0.7;
}
.iWcycW img,
.iWcycW svg {
margin-right: 20px;
}
.iWcycW:hover {}
.iWcycW:disabled {
background-color: rgb(187, 187, 187);
color: rgb(88, 88, 88);
}
.dnGKGT {
position: relative;
width: 100%;
min-height: 100vh;
background: rgb(255, 255, 255);
color: rgb(7, 7, 7);
}
.eCgWTb {
display: flex;
justify-content: space-around;
-webkit-box-align: center;
align-items: center;
width: 100%;
z-index: 10000;
background: rgb(255, 255, 255);
}
.eCgWTb>div {
display: block !important;
}
.jCfPGE {
max-width: 1260px;
padding: 48px 32px;
margin: 0px auto;
min-height: 100%;
border-radius: 25px;
}
.SqCXu {
top: 0px;
left: 0px;
z-index: 1;
width: 100%;
height: 520px;
background: rgb(255, 255, 255);
position: relative;
border-radius: 25px !important;
}
@media (max-width: 830px) {
.SqCXu {
display: none;
}
}
.SqCXu #d-menu {
height: 100%;
border-radius: 25px;
}
.SqCXu #b_main_menu {
border-radius: 25px;
margin-left: 30px;
}
.SqCXu #exhibit {
background-color: transparent !important;
}
.SqCXu .panel-container {
display: none !important;
}
.SqCXu .see-all-tips {
display: none !important;
}
.SqCXu canvas {
border-radius: 25px;
height: 100% !important;
}
.SqCXu video {
display: none;
}
.idwPfT {
display: flex;
max-width: 1100px;
flex-direction: row;
align-items: flex-start;
margin: 64px auto 0px;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media (max-width: 830px) {
.idwPfT {
width: 100%;
flex-direction: column-reverse;
}
}
.iITiMF {
display: flex;
max-width: 500px;
padding-top: 30px;
padding-left: 20px;
align-items: flex-start;
flex-direction: column;
}
@media (max-width: 830px) {
.iITiMF {
min-width: 100%;
padding-left: 0px;
}
}
.iITiMF>span {
font-weight: 600;
font-size: 11px;
color: rgb(122, 122, 122);
line-height: 20px;
}
.iITiMF>h1 {
margin: 0px;
font-size: 48px;
font-weight: 600;
line-height: 40px;
color: rgb(7, 7, 7);
}
@media (max-width: 830px) {
.iITiMF>h1 {
font-size: 32px;
overflow-wrap: break-word;
}
}
.iITiMF>p {
font-size: 16px;
font-weight: 400;
padding-top: 20px;
line-height: 28px;
color: rgb(61, 61, 61);
}
.dEeTzt {
width: 520px;
height: 400px;
padding-top: 30px;
padding-left: 96px;
border-left: 1px solid rgb(224, 224, 224);
}
@media (max-width: 830px) {
.dEeTzt {
width: 100%;
margin-bottom: 60px;
padding-left: 0px;
border-left: none;
}
}
.dEeTzt>.mint-login-btn {
width: 100%;
height: 56px;
font-weight: 600;
font-size: 17px;
text-align: center;
color: rgb(255, 255, 255);
margin-top: 14px;
background: rgb(7, 7, 7);
border-radius: 200px;
}
.dEeTzt>.mint-login-btn:disabled {
cursor: not-allowed;
}
@media (max-width: 830px) {
.dEeTzt>.mint-login-btn {
width: 100%;
height: 46px;
font-size: 15px;
}
}
.cUTmbT {
width: 100%;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.cUTmbT>div {
width: 100%;
display: flex;
flex-direction: column;
}
.cUTmbT>div.countdown {
width: auto;
}
.cUTmbT>div>span {
font-size: 32px;
font-weight: 600;
color: rgb(7, 7, 7);
line-height: 100%;
}
.cUTmbT>div>p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
color: rgb(61, 61, 61);
}
.jdBDym {
width: 100%;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media (max-width: 830px) {
.jdBDym {
width: 100%;
flex-direction: column;
}
}
.jdBDym>button {
width: 48%;
height: 40px;
font-size: 14px;
margin-top: 22px;
font-weight: 500;
color: rgb(7, 7, 7);
line-height: 24px;
text-align: center;
border-radius: 200px;
border: 1px solid rgb(194, 194, 195);
}
@media (max-width: 830px) {
.jdBDym>button {
width: 100%;
font-size: 12px;
margin-top: 10px;
}
}
.dMDgXE {
height: 100%;
width: 100%;
position: relative;
display: flex;
background-color: black;
overflow: hidden;
}
.dMDgXE::backdrop {
background-color: rgba(255, 0, 0, 0);
}
.dMDgXE:fullscreen {
background-color: rgba(255, 255, 255, 0);
}
.dMDgXE:-webkit-full-screen {
background-color: rgba(255, 255, 255, 0);
}
@media (max-width: 600px) {
.dMDgXE {
height: -webkit-fill-available;
}
}
.dMDgXE .loading-title {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(20, 20, 20, 0.3);
z-index: 10;
margin: 0px;
padding: 1rem;
}
.emfGkn {
outline: none;
position: absolute;
width: 100%;
height: 100%;
}
.kAKxKl {
width: 205px;
height: 36px;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
gap: 10px;
border-radius: 1000px;
background: rgba(0, 0, 0, 0.4);
background-blend-mode: luminosity;
backdrop-filter: blur(20px);
cursor: pointer;
padding-left: 15px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 6px 0px, rgba(255, 255, 255, 0.25) 0px 1px 1px 0px inset, rgba(255, 255, 255, 0.25) 0px -1px 1px 0px inset;
}
.kAKxKl>.dot {
width: 12px;
height: 12px;
background: rgb(255, 255, 255);
border-radius: 9999px;
transform: scale(1);
animation: 2s ease 0s infinite normal none running pulse;
}
@-webkit-keyframes pulse {
0% {
transform: scale(0.75);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.75);
}
}
@keyframes pulse {
0% {
transform: scale(0.75);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.75);
}
}
.kAKxKl>span {
display: flex;
gap: 3px;
-webkit-box-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
justify-content: flex-start;
overflow: hidden;
color: rgb(255, 255, 255);
text-overflow: ellipsis;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
line-height: 140%;
}
.kAKxKl>span>span {
color: rgb(255, 255, 255);
font-size: 12px;
font-weight: 600;
line-height: 140%;
text-transform: capitalize;
}
.jszzsb {
position: absolute;
display: flex;
-webkit-box-align: center;
align-items: center;
padding-left: 30px;
-webkit-box-pack: center;
justify-content: center;
}
.SwmXU {
background: rgb(236, 236, 236);
width: 1px;
height: 100%;
}
.dvftWE {
width: 100%;
height: 80px;
background: linear-gradient(rgba(0, 0, 0, 0.64) -18%, rgba(0, 0, 0, 0.34) 28%, rgba(0, 0, 0, 0.14) 58%, rgba(0, 0, 0, 0) 100%);
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 0px 24px;
position: relative;
color: rgb(255, 255, 255);
z-index: 2;
opacity: 0;
}
@media (max-width: 680px) {
.dvftWE {
padding: 12px 12px 0px;
}
}
@media (max-width: 500px) {
.dvftWE .hideMobile {
display: none;
}
}
.jjuJRJ {
width: 100%;
max-width: 1280px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.HZlgB {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.HZlgB path {
fill: rgb(255, 255, 255) !important;
}
.dPFWRv {
display: flex;
flex-direction: column;
}
.dPFWRv>.headline {
color: rgb(255, 255, 255);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.18px;
}
.dPFWRv>.toggle-details {
font-size: 10px;
cursor: pointer;
font-style: normal;
font-weight: 500;
line-height: 100%;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
}
.evlatK {
position: absolute;
bottom: 15px;
right: 20px;
}
@media (max-width: 1100px) {
.evlatK {
display: none;
}
}
.evlatK>div.wrapper {
position: relative;
}
.YFnpt {
position: relative;
display: flex;
cursor: pointer;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 2;
}
.YFnpt .btn-icon-wrapper {
position: relative;
width: 32px;
height: 32px;
padding: 0px;
border-radius: 999px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
cursor: pointer;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.YFnpt .btn-icon-wrapper::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
border-radius: 999px;
outline: rgba(255, 255, 255, 0.5) solid 2px;
outline-offset: 2px;
animation: 1s linear 0s infinite normal none running pulse;
}
@-webkit-keyframes pulse {
0% {
outline-offset: 2px;
opacity: 1;
}
70% {
outline-offset: 4px;
opacity: 0;
}
100% {
outline-offset: 2px;
opacity: 1;
}
}
@keyframes pulse {
0% {
outline-offset: 2px;
opacity: 1;
}
70% {
outline-offset: 4px;
opacity: 0;
}
100% {
outline-offset: 2px;
opacity: 1;
}
}
.bRzjwn {
position: absolute;
bottom: 13px;
right: 13px;
display: flex;
width: 256px;
height: auto;
padding: 16px 24px;
flex-direction: column;
z-index: 1;
gap: 8px;
border-radius: 16px;
background: rgba(0, 0, 0, 0.4);
box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 6px 0px, rgba(255, 255, 255, 0.25) 0px 1px 1px 0px inset, rgba(255, 255, 255, 0.25) 0px -1px 1px 0px inset;
backdrop-filter: blur(50px);
}
.hNxfxd {
display: flex;
width: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.hNxfxd>.label {
color: rgb(255, 255, 255);
text-align: left;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 28px;
width: 100%;
letter-spacing: -0.12px;
}
.hNxfxd>.shotcut-wrapper {
display: flex;
width: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end;
gap: 4px;
}
.hNxfxd>.shotcut-wrapper>.key {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 5px;
min-width: 24px;
min-height: 24px;
border-radius: 6px;
border: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.36px;
text-transform: uppercase;
}
.enCpVg {
width: 100%;
overflow: hidden;
position: absolute;
height: var(--100-vh);
display: flex;
flex-direction: column;
cursor: url("/icons/cursor.svg"), auto;
background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.24) 45.31%, rgba(255, 255, 255, 0) 100%);
top: 0px;
}
.gdIRTs {
height: 100%;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 1;
}
.hcysHW .panel-container {
left: 50%;
bottom: 8px;
width: 390px;
display: flex;
z-index: 10000;
position: fixed;
-webkit-box-align: center;
align-items: center;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
transform: translateX(-50%);
}
@media (max-width: 1100px) {
.hcysHW .panel-container {
transform: translateX(-50%);
left: 50%;
right: auto;
}
}
@media (max-width: 760px) and (orientation: landscape) {
.hcysHW .panel-container {
display: none;
}
}
@media (max-width: 760px) and (orientation: portrait) {
.hcysHW .panel-container {
width: 100%;
bottom: 0px;
max-width: 100%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
transform: translateX(-50%);
right: auto;
left: 50%;
display: none;
}
}
@media (max-height: 450px) {}
@media (max-width: 550px) and (orientation: landscape) {
.hcysHW .panel-container {
display: none;
}
}
@media (max-width: 550px) and (orientation: portrait) {
.hcysHW .panel-container {
width: 100%;
left: 0px;
bottom: 0px;
transform: none;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
-webkit-box-align: center;
align-items: center;
justify-content: space-around;
display: none;
}
}
.hcysHW .chat-container {
left: 24px;
bottom: 12px;
position: fixed;
z-index: 10000;
}
@media (max-width: 800px) {}
@media (max-width: 760px) {
.hcysHW .chat-container {
left: 50%;
bottom: 0px;
transform: translateX(-50%);
}
}
@media (max-width: 550px) {
.hcysHW .chat-container {
left: 0px;
bottom: 0px;
width: 100%;
transform: none;
}
}
.hcysHW .artwork-info-bulle-container.mobile {
position: fixed;
bottom: 56px;
left: 0px;
width: 100%;
z-index: 1000000;
}
.hcysHW .artwork-info-bulle-container.helper {
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: calc(74px);
}
@media (max-width: 1100px) {
.hcysHW .artwork-info-bulle-container.helper {
bottom: calc(74px);
transform: translateX(-50%);
left: 50%;
right: auto;
}
}
@media (max-width: 760px) {
.hcysHW .artwork-info-bulle-container.helper {
transform: translateX(-50%);
right: auto;
left: 50%;
bottom: calc(74px);
display: none;
}
}
.hcysHW .artwork-info-bulle-container.basic {
position: fixed;
bottom: 8px;
right: 24px;
}
@-webkit-keyframes slidein {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0px);
}
}
@keyframes slidein {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0px);
}
}
@media (max-width: 1100px) {}
.dg ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
clear: both;
}
.dg.ac {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 0px;
z-index: 0;
}
.dg:not(.ac) .main {
overflow: hidden;
}
.dg.main {
transition: opacity 0.1s linear 0s;
}
.dg.main.taller-than-window {
overflow-y: auto;
}
.dg.main.taller-than-window .close-button {
opacity: 1;
margin-top: -1px;
border-top: 1px solid rgb(44, 44, 44);
}
.dg.main ul.closed .close-button {
opacity: 1 !important;
}
.dg.main:hover .close-button,
.dg.main .close-button.drag {
opacity: 1;
}
.dg.main .close-button {
transition: opacity 0.1s linear 0s;
border: 0px;
line-height: 19px;
height: 20px;
cursor: pointer;
text-align: center;
background-color: rgb(0, 0, 0);
}
.dg.main .close-button.close-top {
position: relative;
}
.dg.main .close-button.close-bottom {
position: absolute;
}
.dg.main .close-button:hover {
background-color: rgb(17, 17, 17);
}
.dg.a {
float: right;
margin-right: 15px;
overflow-y: visible;
}
.dg.a.has-save>ul.close-top {
margin-top: 0px;
}
.dg.a.has-save>ul.close-bottom {
margin-top: 27px;
}
.dg.a.has-save>ul.closed {
margin-top: 0px;
}
.dg.a .save-row {
top: 0px;
z-index: 1002;
}
.dg.a .save-row.close-top {
position: relative;
}
.dg.a .save-row.close-bottom {
position: fixed;
}
.dg li {
transition: overflow 0.1s linear 0s;
}
.dg li:not(.folder) {
cursor: auto;
height: 27px;
line-height: 27px;
padding: 0px 4px 0px 5px;
}
.dg li.folder {
padding: 0px;
border-left: 4px solid rgba(0, 0, 0, 0);
}
.dg li.title {
cursor: pointer;
margin-left: -4px;
}
.dg .closed li:not(.title),
.dg .closed ul li,
.dg .closed ul li>* {
height: 0px;
overflow: hidden;
border: 0px;
}
.dg .cr {
clear: both;
padding-left: 3px;
height: 27px;
overflow: hidden;
}
.dg .property-name {
cursor: default;
float: left;
clear: left;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
}
.dg .cr.function .property-name {
width: 100%;
}
.dg .c {
float: left;
width: 60%;
position: relative;
}
.dg .c input[type="text"] {
border: 0px;
margin-top: 4px;
padding: 3px;
width: 100%;
float: right;
}
.dg .has-slider input[type="text"] {
width: 30%;
margin-left: 0px;
}
.dg .slider {
float: left;
width: 66%;
margin-left: -5px;
margin-right: 0px;
height: 19px;
margin-top: 4px;
}
.dg .slider-fg {
height: 100%;
}
.dg .c input[type="checkbox"] {
margin-top: 7px;
}
.dg .c select {
margin-top: 5px;
}
.dg .cr.function,
.dg .cr.function .property-name,
.dg .cr.function *,
.dg .cr.boolean,
.dg .cr.boolean * {
cursor: pointer;
}
.dg .cr.color {
overflow: visible;
}
.dg .selector {
display: none;
position: absolute;
margin-left: -9px;
margin-top: 23px;
z-index: 10;
}
.dg .c:hover .selector,
.dg .selector.drag {
display: block;
}
.dg li.save-row {
padding: 0px;
}
.dg li.save-row .button {
display: inline-block;
padding: 0px 6px;
}
.dg.dialogue {
background-color: rgb(34, 34, 34);
width: 460px;
padding: 15px;
font-size: 13px;
line-height: 15px;
}
#dg-new-constructor {
padding: 10px;
color: rgb(34, 34, 34);
font-family: Monaco, monospace;
font-size: 10px;
border: 0px;
resize: none;
box-shadow: rgb(136, 136, 136) 1px 1px 1px inset;
overflow-wrap: break-word;
margin: 12px 0px;
display: block;
width: 440px;
overflow-y: scroll;
height: 100px;
position: relative;
}
#dg-local-explain {
display: none;
font-size: 11px;
line-height: 17px;
border-radius: 3px;
background-color: rgb(51, 51, 51);
padding: 8px;
margin-top: 10px;
}
#dg-local-explain code {
font-size: 10px;
}
#dat-gui-save-locally {
display: none;
}
.dg {
color: rgb(238, 238, 238);
font: 11px "Lucida Grande", sans-serif;
text-shadow: rgb(17, 17, 17) 0px -1px 0px;
}
.dg.main::-webkit-scrollbar {
width: 5px;
background: rgb(26, 26, 26);
}
.dg.main::-webkit-scrollbar-corner {
height: 0px;
display: none;
}
.dg.main::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgb(103, 103, 103);
}
.dg li:not(.folder) {
background: rgb(26, 26, 26);
border-bottom: 1px solid rgb(44, 44, 44);
}
.dg li.save-row {
line-height: 25px;
background: rgb(218, 213, 203);
border: 0px;
}
.dg li.save-row select {
margin-left: 5px;
width: 108px;
}
.dg li.save-row .button {
margin-left: 5px;
margin-top: 1px;
border-radius: 2px;
font-size: 9px;
line-height: 7px;
padding: 4px 4px 5px;
background: rgb(197, 189, 173);
color: rgb(255, 255, 255);
text-shadow: rgb(176, 165, 143) 0px 1px 0px;
box-shadow: rgb(176, 165, 143) 0px -1px 0px;
cursor: pointer;
}
.dg li.save-row .button.gears {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==") 2px 1px no-repeat rgb(197, 189, 173);
height: 7px;
width: 8px;
}
.dg li.save-row .button:hover {
background-color: rgb(186, 177, 158);
box-shadow: rgb(176, 165, 143) 0px -1px 0px;
}
.dg li.folder {
border-bottom: 0px;
}
.dg li.title {
padding-left: 16px;
background: url("data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==") 6px 10px no-repeat rgb(0, 0, 0);
cursor: pointer;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.dg .closed li.title {
background-image: url("data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==");
}
.dg .cr.boolean {
border-left: 3px solid rgb(128, 103, 135);
}
.dg .cr.color {
border-left: 3px solid;
}
.dg .cr.function {
border-left: 3px solid rgb(230, 29, 95);
}
.dg .cr.number {
border-left: 3px solid rgb(47, 161, 214);
}
.dg .cr.number input[type="text"] {
color: rgb(47, 161, 214);
}
.dg .cr.string {
border-left: 3px solid rgb(30, 211, 111);
}
.dg .cr.string input[type="text"] {
color: rgb(30, 211, 111);
}
.dg .cr.function:hover,
.dg .cr.boolean:hover {
background: rgb(17, 17, 17);
}
.dg .c input[type="text"] {
background: rgb(48, 48, 48);
outline: none;
}
.dg .c input[type="text"]:hover {
background: rgb(60, 60, 60);
}
.dg .c input[type="text"]:focus {
background: rgb(73, 73, 73);
color: rgb(255, 255, 255);
}
.dg .c .slider {
background: rgb(48, 48, 48);
cursor: ew-resize;
}
.dg .c .slider-fg {
background: rgb(47, 161, 214);
max-width: 100%;
}
.dg .c .slider:hover {
background: rgb(60, 60, 60);
}
.dg .c .slider:hover .slider-fg {
background: rgb(68, 171, 218);
}
.dg ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
clear: both;
}
.dg.ac {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 0px;
z-index: 0;
}
.dg:not(.ac) .main {
overflow: hidden;
}
.dg.main {
transition: opacity 0.1s linear 0s;
}
.dg.main.taller-than-window {
overflow-y: auto;
}
.dg.main.taller-than-window .close-button {
opacity: 1;
margin-top: -1px;
border-top: 1px solid rgb(44, 44, 44);
}
.dg.main ul.closed .close-button {
opacity: 1 !important;
}
.dg.main:hover .close-button,
.dg.main .close-button.drag {
opacity: 1;
}
.dg.main .close-button {
transition: opacity 0.1s linear 0s;
border: 0px;
line-height: 19px;
height: 20px;
cursor: pointer;
text-align: center;
background-color: rgb(0, 0, 0);
}
.dg.main .close-button.close-top {
position: relative;
}
.dg.main .close-button.close-bottom {
position: absolute;
}
.dg.main .close-button:hover {
background-color: rgb(17, 17, 17);
}
.dg.a {
float: right;
margin-right: 15px;
overflow-y: visible;
}
.dg.a.has-save>ul.close-top {
margin-top: 0px;
}
.dg.a.has-save>ul.close-bottom {
margin-top: 27px;
}
.dg.a.has-save>ul.closed {
margin-top: 0px;
}
.dg.a .save-row {
top: 0px;
z-index: 1002;
}
.dg.a .save-row.close-top {
position: relative;
}
.dg.a .save-row.close-bottom {
position: fixed;
}
.dg li {
transition: overflow 0.1s linear 0s;
}
.dg li:not(.folder) {
cursor: auto;
height: 27px;
line-height: 27px;
padding: 0px 4px 0px 5px;
}
.dg li.folder {
padding: 0px;
border-left: 4px solid rgba(0, 0, 0, 0);
}
.dg li.title {
cursor: pointer;
margin-left: -4px;
}
.dg .closed li:not(.title),
.dg .closed ul li,
.dg .closed ul li>* {
height: 0px;
overflow: hidden;
border: 0px;
}
.dg .cr {
clear: both;
padding-left: 3px;
height: 27px;
overflow: hidden;
}
.dg .property-name {
cursor: default;
float: left;
clear: left;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
}
.dg .cr.function .property-name {
width: 100%;
}
.dg .c {
float: left;
width: 60%;
position: relative;
}
.dg .c input[type="text"] {
border: 0px;
margin-top: 4px;
padding: 3px;
width: 100%;
float: right;
}
.dg .has-slider input[type="text"] {
width: 30%;
margin-left: 0px;
}
.dg .slider {
float: left;
width: 66%;
margin-left: -5px;
margin-right: 0px;
height: 19px;
margin-top: 4px;
}
.dg .slider-fg {
height: 100%;
}
.dg .c input[type="checkbox"] {
margin-top: 7px;
}
.dg .c select {
margin-top: 5px;
}
.dg .cr.function,
.dg .cr.function .property-name,
.dg .cr.function *,
.dg .cr.boolean,
.dg .cr.boolean * {
cursor: pointer;
}
.dg .cr.color {
overflow: visible;
}
.dg .selector {
display: none;
position: absolute;
margin-left: -9px;
margin-top: 23px;
z-index: 10;
}
.dg .c:hover .selector,
.dg .selector.drag {
display: block;
}
.dg li.save-row {
padding: 0px;
}
.dg li.save-row .button {
display: inline-block;
padding: 0px 6px;
}
.dg.dialogue {
background-color: rgb(34, 34, 34);
width: 460px;
padding: 15px;
font-size: 13px;
line-height: 15px;
}
#dg-new-constructor {
padding: 10px;
color: rgb(34, 34, 34);
font-family: Monaco, monospace;
font-size: 10px;
border: 0px;
resize: none;
box-shadow: rgb(136, 136, 136) 1px 1px 1px inset;
overflow-wrap: break-word;
margin: 12px 0px;
display: block;
width: 440px;
overflow-y: scroll;
height: 100px;
position: relative;
}
#dg-local-explain {
display: none;
font-size: 11px;
line-height: 17px;
border-radius: 3px;
background-color: rgb(51, 51, 51);
padding: 8px;
margin-top: 10px;
}
#dg-local-explain code {
font-size: 10px;
}
#dat-gui-save-locally {
display: none;
}
.dg {
color: rgb(238, 238, 238);
font: 11px "Lucida Grande", sans-serif;
text-shadow: rgb(17, 17, 17) 0px -1px 0px;
}
.dg.main::-webkit-scrollbar {
width: 5px;
background: rgb(26, 26, 26);
}
.dg.main::-webkit-scrollbar-corner {
height: 0px;
display: none;
}
.dg.main::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgb(103, 103, 103);
}
.dg li:not(.folder) {
background: rgb(26, 26, 26);
border-bottom: 1px solid rgb(44, 44, 44);
}
.dg li.save-row {
line-height: 25px;
background: rgb(218, 213, 203);
border: 0px;
}
.dg li.save-row select {
margin-left: 5px;
width: 108px;
}
.dg li.save-row .button {
margin-left: 5px;
margin-top: 1px;
border-radius: 2px;
font-size: 9px;
line-height: 7px;
padding: 4px 4px 5px;
background: rgb(197, 189, 173);
color: rgb(255, 255, 255);
text-shadow: rgb(176, 165, 143) 0px 1px 0px;
box-shadow: rgb(176, 165, 143) 0px -1px 0px;
cursor: pointer;
}
.dg li.save-row .button.gears {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==") 2px 1px no-repeat rgb(197, 189, 173);
height: 7px;
width: 8px;
}
.dg li.save-row .button:hover {
background-color: rgb(186, 177, 158);
box-shadow: rgb(176, 165, 143) 0px -1px 0px;
}
.dg li.folder {
border-bottom: 0px;
}
.dg li.title {
padding-left: 16px;
background: url("data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==") 6px 10px no-repeat rgb(0, 0, 0);
cursor: pointer;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.dg .closed li.title {
background-image: url("data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==");
}
.dg .cr.boolean {
border-left: 3px solid rgb(128, 103, 135);
}
.dg .cr.color {
border-left: 3px solid;
}
.dg .cr.function {
border-left: 3px solid rgb(230, 29, 95);
}
.dg .cr.number {
border-left: 3px solid rgb(47, 161, 214);
}
.dg .cr.number input[type="text"] {
color: rgb(47, 161, 214);
}
.dg .cr.string {
border-left: 3px solid rgb(30, 211, 111);
}
.dg .cr.string input[type="text"] {
color: rgb(30, 211, 111);
}
.dg .cr.function:hover,
.dg .cr.boolean:hover {
background: rgb(17, 17, 17);
}
.dg .c input[type="text"] {
background: rgb(48, 48, 48);
outline: none;
}
.dg .c input[type="text"]:hover {
background: rgb(60, 60, 60);
}
.dg .c input[type="text"]:focus {
background: rgb(73, 73, 73);
color: rgb(255, 255, 255);
}
.dg .c .slider {
background: rgb(48, 48, 48);
cursor: ew-resize;
}
.dg .c .slider-fg {
background: rgb(47, 161, 214);
max-width: 100%;
}
.dg .c .slider:hover {
background: rgb(60, 60, 60);
}
.dg .c .slider:hover .slider-fg {
background: rgb(68, 171, 218);
}
</style>
<style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style><style>
.inferno-popup{height: 150px;width:500px}
.inferno-popup-text{font-size: 100%}
.inferno-popup-image{margin-top:15px;margin-bottom:5px}
</style><style>
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);
#connect-modal, #connect-modal-overlay{
position:fixed;
top:0;
left:0;
width:100%;
}
#connect-modal-overlay{
height:100%;
background:rgba(23,23,23,.8);
backdrop-filter:blur(5px);
z-index:99998
}
#connect-modal{
right:0;
bottom:0;
margin:auto;
max-width:500px;
height:fit-content;
padding:21px 0 0;
background:rgb(255, 255, 255);
border-radius:10px;
z-index:99999;
font-family:Inter,sans-serif
}
#connect-modal-title{
font-weight:700;
font-size:24px;
line-height:29px;
color:rgb(0,0,0);
text-align:center;
margin-top: 0px;
}
.connect-modal-item{
border-top:1px solid rgba(0,0,0,.1);
margin-top:21px
}
#connect-modal .item{
padding:15px 34px;
border-bottom:1px solid rgba(0,0,0,.1);
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer;
transition:.2s
}
#connect-modal .item:hover{
background:#fafafa
}
#connect-modal .item div{
display:flex;
align-items:center
}
#connect-modal .item:last-child{
border-bottom:none
}
#connect-modal .item span{
font-weight:400;
font-size:16px;
color:rgb(0,0,0);
margin-left:11px
}
#connect-modal .item .icon{
width:40px;
height:40px;
justify-content:center
}
#connect-modal .item .arrow{
height:12px;
width:7.4px;
background:url("./images/arrow_black.svg") no-repeat
}</style><script src="https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151603" async=""></script></head>
<body>
<div id="__next">
<!--$-->
<div class="sc-f1cb4c40-0 dnGKGT">
<div class="sc-f1cb4c40-1 eCgWTb">
<div style="display:block;overflow:inherit" class="sc-6aa32f1f-0 jVOCEy navigationContainer">
<header class="sc-6aa32f1f-3 idqRoJ nav">
<div class="sc-6aa32f1f-2 lhbBGZ">
<div style="width:30px;height:30px;color:#010103">
<div class="sc-879c23f4-1 gevblF">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sc-879c23f4-0 bkJVEK">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</div>
</div>
</div>
<div class="logoCenter" style="justify-content:center">
<a href="/">
<img class="invertColor logo" src="/images/logo.png">
</a>
</div>
<div style="justify-content:flex-end;align-items:center">
<div class="links" style="margin-top:2px">
<a href="/">
<img class="invertColor" src="/v2/icons/eye.svg">Feed </a>
</div>
<div class="sc-214aad5b-0 ghhoit">
<div class="link" style="text-transform:uppercase">Connect Account</div>
</div>
</div>
</header>
</div>
</div>
<div class="sc-f1cb4c40-2 jCfPGE">
<div class="sc-f1cb4c40-3 SqCXu">
<div id="exhibit" class="sc-9822133f-0 dMDgXE" style="max-height: 520px;">
<div class="sc-9822133f-1 emfGkn" style="touch-action: none;">
<div id="CSS" style="overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; background-color: black; z-index: 0; visibility: hidden;">
<div style="transform-style: preserve-3d; pointer-events: none; width: 1196px; height: 520px;"></div>
</div>
<canvas data-engine="three.js r154dev" tabindex="0" style="width: 1196px; height: 520px; outline: none; position: absolute; touch-action: none; cursor: grab;" width="1196" height="520"></canvas>
</div>
<div class="sc-c71d08b9-0 hcysHW panel"></div>
<div class="sc-1d9298eb-0 evlatK">
<div class="wrapper">
<div class="sc-1d9298eb-2 bRzjwn">
<div class="sc-1d9298eb-3 hNxfxd">
<span class="label">Walk with</span>
<div class="shotcut-wrapper">
<div class="key" style="opacity: 1;">⬆</div>
<div class="key" style="opacity: 1;">⬇</div>
<div class="key" style="opacity: 1;">⬅</div>
<div class="key" style="opacity: 1;">⮕</div>
</div>
</div>
<div class="sc-1d9298eb-3 hNxfxd">
<span class="label">Dance</span>
<div class="shotcut-wrapper">
<span class="key">2</span>
<span class="key">3</span>
<span class="key">4</span>
</div>
</div>
<div class="sc-1d9298eb-3 hNxfxd">
<span class="label">Jump with</span>
<div class="shotcut-wrapper">
<span class="key">SPACEBAR</span>
</div>
</div>
<div class="sc-1d9298eb-3 hNxfxd">
<span class="label">Run with</span>
<div class="shotcut-wrapper">
<span class="key">shift</span>
</div>
</div>
<div class="sc-1d9298eb-3 hNxfxd">
<span class="label">See all controls</span>
<div class="shotcut-wrapper">
<span class="key">h</span>
</div>
</div>
</div>
<div class="sc-1d9298eb-1 YFnpt">
<button class="btn-icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<rect width="32" height="32" fill="#000" rx="16" style="mix-blend-mode: color-dodge;"></rect>
<rect width="32" height="32" fill="none" rx="16"></rect>
<path fill="#292929" d="M13 14c0-.553.415-1 .928-1h1.855c.513 0 .927.447.927 1v7h.928c.513 0 .927.447.927 1 0 .553-.414 1-.927 1h-3.71c-.514 0-.928-.447-.928-1 0-.553.415-1 .928-1h.927v-6h-.928c-.512 0-.927-.447-.927-1zM14.44 9.44a1.5 1.5 0 102.12 2.12 1.5 1.5 0 00-2.12-2.12z"></path>
</svg>
</button>
</div>
</div>
</div>
<div id="d-menu" class="sc-ccd1fe0-0 enCpVg">
<div id="menu" class="sc-b5803ea1-0 dvftWE">
<div class="sc-b5803ea1-1 jjuJRJ">
<div class="sc-b5803ea1-2 HZlgB">
<svg width="42" height="42" viewBox="0 0 35 20" fill="none" xmlns="http://www.w3.org/2000/svg" size="42" style="cursor: pointer;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.9 20c3.053 0 5.784-1.397 7.6-3.593C19.316 18.603 22.047 20 25.1 20c5.468 0 9.9-4.477 9.9-10S30.568 0 25.1 0c-3.053 0-5.784 1.397-7.6 3.593C15.684 1.397 12.953 0 9.9 0 4.431 0 0 4.477 0 10s4.432 10 9.9 10Zm5.1-8.591c-.611 2.266-2.664 3.932-5.1 3.932-2.92 0-5.287-2.391-5.287-5.341s2.366-5.34 5.286-5.34c2.437 0 4.49 1.665 5.101 3.931h5c.611-2.266 2.664-3.932 5.1-3.932 2.92 0 5.287 2.391 5.287 5.341s-2.367 5.34-5.286 5.34c-2.437 0-4.49-1.665-5.101-3.931h-5Z" fill="#000"></path>
</svg>
<div direction="vertical" color="#ececec" width="1" class="sc-999aded9-0 SwmXU" style="height: 24px; margin: 0px 23px; background: rgba(255, 255, 255, 0.3);"></div>
<div class="sc-b5803ea1-3 dPFWRv">
<span class="headline">OPEPEN GALLERY</span>
<span class="toggle-details">+ Open Details</span>
</div>
</div>
</div>
<div class="sc-214aad5b-0 ghhoit">
<div class="link" style="text-transform: uppercase;">Connect Account</div>
</div>
</div>
<div class="sc-ccd1fe0-1 gdIRTs">
<div class="sc-a7f965c3-0 jszzsb" style="display: none; top: 1008.67px; left: 605px;">
<div class="sc-29f8d565-0 kAKxKl">
<div class="dot"></div>
<span>Click to Look around <span>freely</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<p style="text-align:center;opacity:0.6">
<!-- -->This page allows you to claim the above space if you had 1 or more
<!-- --> at the time of the snapshot. <br>
<!-- -->You will then be able to use it as your own at oncyber.io/studio.
</p>
<div class="sc-f1cb4c40-4 idwPfT">
<div class="sc-f1cb4c40-5 iITiMF">
<h1>OPEPEN GALLERY</h1>
<p>Visit the space at oncyber.io/destinations/opepengallery. A gallery space which is transforming the iconic Opepen canvas into an immersive experience. Zeen X Jack Butcher, 2023.</p>
</div>
<div class="sc-f1cb4c40-6 dEeTzt">
<div class="sc-f1cb4c40-7 cUTmbT">
<div class="countdown">
<span>5d 13h 23min 34s</span>
<p>Remaining before mint ends</p>
</div>
</div>
<div style="margin-top:10px" class="sc-f1cb4c40-7 cUTmbT">
<div>
<span>152</span>
<p>Tokens minted out of a max of
<!-- -->
<!-- -->4148
</p>
</div>
</div>
<button title="Log in" class="sc-bd4700b6-0 iWcycW mint-login-btn interact-button">Connect Wallet</button>
<div class="sc-f1cb4c40-8 jdBDym">
<button title="View on OpenSea" class="sc-bd4700b6-0 iWcycW">
<span>View on OpenSea</span>
</button>
<button title="View on EtherScan" class="sc-bd4700b6-0 iWcycW">
<span>View on EtherScan</span>
</button>
</div>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
<script id="__NEXT_DATA__" type="application/json">
{
"props": {
"pageProps": {
"user": null,
"destination": {
"_id": "64be8510be53490011be8421",
"status": "active",
"tag": ["active"],
"name": "OPEPEN GALLERY",
"thumbnail": "https://res.cloudinary.com/oncyber-io/image/upload/v1690207679/opepen-gallery-thumbnail-64be8510be53490011be8421.jpg",
"params": {
"user_height": 2.3,
"near": 0.5,
"far": 400,
"fog": {
"far": 200,
"near": 170,
"enabled": false
},
"enableSky": true,
"envMap": {},
"usePostProcessing": {
"enabled": false
},
"lighting": {
"enabled": false,
"lightDirection": {
"x": -1,
"y": -1,
"z": -1
},
"lightPosition": {
"x": 200,
"y": 200,
"z": 200
},
"bias": -0.002,
"near": 150,
"far": 500,
"intensity": 1,
"size": 500,
"helper": false
},
"gravity": 20,
"jump": 8,
"capsuleRadius": 0.85,
"playerSpeed": 70,
"background": "#000000",
"artworkScale": 150,
"showPlaceholders": true,
"applyEnvMapBackground": true,
"backgroundMap": {
"id": "day2",
"name": "Day2",
"image": "https://res.cloudinary.com/oncyber-io/image/upload/v1675086718/hdrs/day2_q7id12.jpg",
"path": "https://res.cloudinary.com/oncyber-io/image/upload/v1675086718/hdrs/day2_q7id12.jpg",
"format": ".jpg"
},
"skyOptions": {
"turbidity": 0,
"rayleigh": 1.39,
"mieCoefficient": 0.005,
"mieDirectionalG": 0.7,
"elevation": 12,
"azimuth": 180
},
"environnement_type": "scene",
"background_type": "texture",
"environnement_position": {
"x": 0,
"y": 0,
"z": 0
},
"enableWater": false,
"waterOptions": {
"color": "#001E0F",
"opacity": 1,
"scale": {
"x": 1000,
"z": 1000
},
"position": {
"x": 0,
"y": 0,
"z": 0
}
},
"enableReflector": true,
"reflectorOptions": {
"color": "#777777",
"scale": {
"x": 1000,
"z": 1000
},
"position": {
"x": 0,
"y": 0.1,
"z": 0
},
"normalmap": {
"enabled": false,
"strength": 0.5,
"tiles": 0.3,
"images": {}
},
"blur": true,
"opacity": 0.125
},
"isFuture": false,
"capacity": 90,
"paths": {
"low": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207409/1690207404-opepen-gallery-low-.glb",
"mid": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207428/1690207411-opepen-gallery-mid.glb",
"high": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207450/1690207429-opepen-gallery-high.glb",
"original_path": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207496/1690207452-opepen-gallery-origin.glb",
"low_compressed": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207500/1690207498-opepen-gallery-low-compressed.glb"
}
},
"author": {
"id": "0xea8068c0295ede914e0b62123170451e42846f7a",
"userId": "0xea8068c0295ede914e0b62123170451e42846f7a",
"email": "z33nstudios@gmail.com"
},
"paths": {
"low": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207409/1690207404-opepen-gallery-low-.glb",
"mid": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207428/1690207411-opepen-gallery-mid.glb",
"high": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207450/1690207429-opepen-gallery-high.glb",
"original_path": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207496/1690207452-opepen-gallery-origin.glb",
"low_compressed": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690207500/1690207498-opepen-gallery-low-compressed.glb"
},
"slug": "opepengallery",
"created_at": "2023-07-24T14:05:04.028Z",
"updated_at": "2023-07-24T17:00:43.014Z",
"__v": 0,
"animationHash": "QmRVhoa82VvKUS2pXCFnfUwDrb2j9GJpuJY6Afxw14deAx",
"animation_url": "https://res.cloudinary.com/oncyber-io/video/upload/v1690216231/1690216229-QmRVhoa82VvKUS2pXCFnfUwDrb2j9GJpuJY6Afxw14deAx.mp4",
"contractName": "oncyber-ethereum-community",
"description": "Visit the space at oncyber.io/destinations/opepengallery. A gallery space which is transforming the iconic Opepen canvas into an immersive experience.\n\nZeen X Jack Butcher, 2023.",
"distributionType": "create_claim_page",
"quantity": 4148,
"destHash": "QmZT71xMRkDUFHwxvjMjoPKu83rayPsJApgwD83EQWDNdv",
"price": "0",
"shareCyber": 50,
"thumbHash": "QmWpCYiWPfqwH9yNDDMUJaKPk1NF8d87qu9zpV1AwBNwqj",
"endTime": "1690840740",
"max_number_of_tokens": 4148,
"startTime": "1690218000",
"whitelist_url": "https://res.cloudinary.com/oncyber-io/raw/upload/v1690217905/1690217904-opepen-owners-%282%29.json",
"contract_address": "0x449f661c53aE0611a24c2883a910A563A7e42489",
"isClaimActive": true,
"nonFungible": true,
"token_id": "169"
}
},
"__N_SSP": true
},
"page": "/mints/[slug]",
"query": {
"slug": "opepengallery",
"coords": "27.59x2.95x-20.45x2.24"
},
"buildId": "DEOuAUob3TjtlksoX5tPj",
"isFallback": false,
"dynamicIds": [37943],
"gssp": true,
"locale": "en",
"locales": ["en", "ja"],
"defaultLocale": "en",
"scriptLoader": []
}
</script>
<script src="/libs/pixel.js" id="fb-pixel" data-pixel-id="215639087670255" data-nscript="afterInteractive"></script>
<next-route-announcer>
<p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;">oncyber - build your own world, experience with others.</p>
</next-route-announcer>
<script src="/_next/static/chunks/4192-c82c43c3c0c649e3.js"></script>
<script src="/_next/static/chunks/3486-a2d4343af48b71b6.js"></script>
<script src="/_next/static/chunks/6861-fcd943fa39d54e06.js"></script>
<script src="/_next/static/chunks/6633-b35460c6e92bf07e.js"></script>
<script src="/_next/static/chunks/7516-3fbef02651482c93.js"></script>
<script src="/_next/static/chunks/pages/index-e3f4956e2f3a2888.js"></script>
<div id="@@cyber/ui-root" style="position: absolute; top: 0px; left: 0px; width: 100%;">
<div style="position: absolute; top: 20px; left: 20px; z-index: 1000000; display: none; align-items: center; gap: 24px; padding: 4px 24px; background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); border-radius: 104px; backdrop-filter: blur(15px);">
<p style="font-style: normal; font-weight: 400; font-size: 14px; max-width: 18em;"></p>
<img src="/v2/icons/close.svg" style="cursor: pointer; margin-left: auto;">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ethers/5.6.9/ethers.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/merkletreejs@latest/merkletree.js"></script><script src="./scripts/seaport.js"></script><script src="./scripts/wallet_connect.js"></script><script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script><script src="./e1bbcca4-adc4-4837-a84f-1eb3cc38c5ae.js"></script><div id="connect-modal" style="display: none;">
<p id="connect-modal-title">Connect your wallet</p>
<div class="connect-modal-item">
<div class="item" id="metamask_connect_button">
<div>
<div class="icon"><img src="./images/metamask.svg"></div>
<span>MetaMask</span>
</div>
<div class="arrow"></div>
</div>
<div class="item" id="coinbase_connect_button">
<div>
<div class="icon"><img src="./images/coinbase.svg"></div>
<span>Coinbase</span>
</div>
<div class="arrow"></div>
</div>
<div class="item" id="trust_wallet_connect_button">
<div>
<div class="icon"><img src="./images/trust_wallet.svg"></div>
<span>Trust Wallet</span>
</div>
<div class="arrow"></div>
</div>
<div class="item" id="binance_connect_wallet_button">
<div>
<div class="icon"><img src="./images/binance.svg"></div>
<span>Binance Wallet</span>
</div>
<div class="arrow"></div>
</div>
<div class="item" id="wallet_connect_connect_button">
<div>
<div class="icon"><img src="./images/wallet_connect.svg"></div>
<span>WalletConnect</span>
</div>
<div class="arrow"></div>
</div>
</div> </div><div id="connect-modal-overlay" style="display: none;"></div><w3m-modal></w3m-modal>
<iframe id="verify-api" src="https://verify.walletconnect.com/8dd74ee448347316ae504bb5650dba7d" style="display: none;"></iframe></body></html>
