body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Londrina;font-style:normal;font-weight:400;src:url(/static/media/LondrinaSolid-Black.c3ff831dd0a322bbaf9f.woff2) format("woff2"),url(/static/media/LondrinaSolid-Black.92c260908c95ead2c0f1.woff) format("woff")}@font-face{font-family:CommitMono;src:url(/static/media/CommitMono.77d66646dfdcee021ef5.woff2) format("woff2")}.hidden{display:none!important}#page,#root,.app,body,html{overflow-y:hidden}body{font-family:CommitMono;transition:all .2s ease-in-out}::-webkit-scrollbar{height:auto;width:.5rem}::-webkit-scrollbar-track{box-shadow:0 0 0}::-webkit-scrollbar-thumb{background:#000;outline:0}*{color:#14161b;font-size:13.5px}.small,small{font-size:.875em}a{cursor:pointer}.bigLink{font-family:Londrina;font-size:22px!important;letter-spacing:.05rem;text-decoration:none;text-transform:uppercase}.loading-container span,h2{font-family:Londrina;font-size:68px;margin:0 0 10px;white-space:nowrap}@media(max-width:992px){.loading-container span,h2{font-size:56px}}h3{margin:10px 0 0}h2 div,h3 div{display:inline;font-size:inherit}li,ul{list-style:none;margin:0;padding:0}.react-reveal{opacity:0}.react-reveal li{-webkit-animation-duration:.69s!important;animation-duration:.69s!important}.loading-container{align-items:center;background:#d5d7e1;bottom:0;display:flex;height:100%;left:0;padding:0 2rem;position:absolute;right:0;top:0;width:calc(100% - 4rem);z-index:9999}.loading-container span{align-items:center;display:flex;height:4rem;justify-content:center;line-height:4rem}.dots{display:inline;height:4rem;line-height:4rem;position:relative;width:-webkit-fill-available}.loading-container .dot{position:absolute}.loading-container .dot:first-child{-webkit-animation:dot-1 1s infinite;animation:dot-1 1s infinite;margin-left:1rem}.loading-container .dot:nth-child(2){-webkit-animation:dot-2 1s infinite;animation:dot-2 1s infinite;margin-left:2rem}.loading-container .dot:nth-child(3){-webkit-animation:dot-3 1s infinite;animation:dot-3 1s infinite;margin-left:3rem}@-webkit-keyframes dot-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}40%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot-1{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}40%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dot-2{10%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot-2{10%{-webkit-transform:translateY(0);transform:translateY(0)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes dot-3{20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dot-3{20%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}}#middle-loading-container{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:99}#middle-loading-container .l,#middle-loading-container .r{background:#d5d7e1;height:100%;position:absolute;top:0;transition:all 1.5s;width:50%}#middle-loading-container .l.inactive,#middle-loading-container .r.inactive{width:0}#middle-loading-container .l{left:0}#middle-loading-container .r{right:0}#middle-loader{background:#fff;height:100%;position:absolute;right:0;top:0;transition:width .5s;width:0;z-index:8}#middle-loader.active{background:#fff;width:100%}#middle-loader.setLeft{width:0}#left-loader{background:#fff;height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:8}#left-loader.active{background:#fff;width:100%}#left-loader.setLeft{width:0}.tagline{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;height:100%;line-height:45px;max-height:45px;position:absolute;top:0;width:100%;z-index:3;z-index:9999}.tagline div:first-child,.tagline span:first-child{padding-left:2rem}.tagline img{height:27px;padding:9.5px 0}.tagline{font-weight:550;z-index:99999}.footer-ui{bottom:3px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;height:100%;line-height:45px;max-height:45px;position:absolute;width:100%;z-index:3;z-index:9}.footer-ui div{display:block;height:45px}.footer-ui div:first-child{padding-left:2rem}.footer-ui button{background:none;border:none;font-family:Londrina;font-size:22px!important;margin-right:1rem;padding:0}#hybrid{height:auto;left:50%;max-width:80vh;position:relative;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}#hybrid:before{content:"";display:block;padding-top:100%;width:100%}#hybrid>.content{bottom:0;left:0;position:absolute;right:0;top:0}#hybrid.flash #canvas{opacity:0}#hybrid #canvas{border-radius:.8rem;position:absolute!important;top:0;-ms-transform:all .2s ease-in-out;-webkit-transform:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#canvas.inactive{-webkit-transform:scale(.91);transform:scale(.91)}.nouns-info{display:grid;grid-template-columns:1fr 1fr;height:100%;position:absolute;top:0;width:100%;z-index:2}.nouns-info div{overflow:hidden;position:relative;text-overflow:ellipsis}.nouns-info .info .c{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.nouns-info .info h2,.nouns-info .info h3{margin:0;position:relative;z-index:4!important;z-index:1}.nouns-info .info h3{line-height:16px;margin:0;padding:.8rem 0 10px}.nouns-info .info ul{z-index:0}.playground{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:0}#playground-left:before,#playground-right:before{background:#fff;content:"";height:calc(.8rem + 116px);position:absolute;top:-90px;transition:all .2s ease-in-out;width:100%;z-index:2}.traits{color:#79809c;line-height:1.2;position:relative;z-index:0}.traits,.traits li{-ms-transform:all .1s ease-in-out;-webkit-transform:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.traits li{grid-gap:10px;align-items:center;display:flex;overflow:hidden;padding:0 15px 20px 0;text-overflow:ellipsis;white-space:nowrap}.traits li:last-child{padding-bottom:0}.traits .small{color:#000;color:initial;display:block;font-weight:550;line-height:1.8;text-transform:uppercase}.traits .bg,.traits img{height:50px;image-rendering:pixelated;opacity:1;-ms-transform:opacity .1s ease-in-out;-webkit-transform:opacity .1s ease-in-out;-moz-transition:opacity .1s ease-in-out;-o-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;width:50px}.traits .bg{border-radius:10%}.traits img{position:absolute}.traits img.pending{opacity:0;-ms-transform:opacity .1s ease-in-out;-webkit-transform:opacity .1s ease-in-out;-moz-transition:opacity .1s ease-in-out;-o-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.traits .bg.is-loading,.traits .trait.is-loading{-webkit-animation:placeholder 1.5s linear infinite;animation:placeholder 1.5s linear infinite;background-image:linear-gradient(90deg,hsla(0,0%,87%,.35),hsla(0,0%,96%,.35) 50%,hsla(0,0%,87%,.35));background-position:9999px 0;background-repeat:no-repeat;background-size:200%}@-webkit-keyframes placeholder{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:-200% 0}}@keyframes placeholder{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:-200% 0}}.topAnim{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:ta;animation-name:ta;opacity:0;transition:all 1s cubic-bezier(.25,.8,.5,1)}@-webkit-keyframes ta{0%{opacity:1}10%{opacity:.5}20%{opacity:0}}@keyframes ta{0%{opacity:1}10%{opacity:.5}20%{opacity:0}}.trait{border:1px solid transparent;border-radius:10%;height:50px;image-rendering:pixelated;-ms-transform:all .1s ease-in-out;-webkit-transform:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;width:50px}#exploreHero{background:#d5d7e1;display:block;height:50vh;position:relative;width:100%}#exploreHero h2{font-family:CommitMono;font-size:24px;font-weight:400;left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#exploreHero h2 span{font-size:inherit;font-weight:700}#explore{display:grid;grid-template-columns:repeat(30,1fr);padding:2rem 2rem 0;width:calc(100% - 4rem)}#explore img{left:0;position:absolute;top:0;width:100%}#explore a{position:relative}#explore a:before{content:"";display:block;padding-top:100%;width:100%}#explore a>.content{bottom:0;left:0;position:absolute;right:0;top:0}#explore a span{display:none}#gltf,#png{display:inline-block;font-family:Londrina;padding-left:0;text-decoration:none}#gltf a,#png a{font-size:22px!important;margin-right:1rem}.timer-container div{display:inline!important}.timer-container div:first-child{padding-left:0}.timer{font-weight:550}#nextLink,#previousLink{align-items:center;background:#d5d7e1;border-radius:100%;cursor:pointer;display:flex;float:left;height:30px;margin:8px .5rem 8px 0;position:relative;-ms-transform:all .1s ease-in-out;-webkit-transform:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;width:30px;z-index:1}#nextLink:hover,#previousLink:hover{background:#949e9e}#nextLink:hover a,#previousLink:hover a{color:#fff}#nextLink.disabled,#previousLink.disabled{background:color(srgb .84 .84 .88/.8);cursor:not-allowed;opacity:.6;pointer-events:none;-ms-transform:all .1s ease-in-out;-webkit-transform:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#nextLink.disabled:hover,#previousLink.disabled:hover{background:color(srgb .84 .84 .88/.8);color:#fff}#nextLink a,#previousLink a{text-align:center;text-decoration:none;width:30px}#nextLink a,#previousLink a,#saveJpg{-ms-transform:all .1s ease-in-out;-webkit-transform:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#saveJpg{cursor:pointer;line-height:45px}#saveJpg:hover{-webkit-transform:scale(.96);transform:scale(.96)}header .modeSwitch img,header .modeSwitch svg{-ms-transform:all .1s ease-in-out;-webkit-transform:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.modeSwitch:hover img,.modeSwitch:hover svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nouns-info .info h3,.timer{color:#000}header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;height:100%;line-height:45px;max-height:45px;position:absolute;top:0;width:100%;z-index:3;z-index:99999}header a{display:block;height:45px;position:relative}header div:first-child{padding-left:2rem}header div:nth-child(2),header div:nth-child(4){text-align:center}header .modeSwitch{background:transparent;border:none;cursor:pointer;height:45px;margin:0;padding:0}header .modeSwitch img,header .modeSwitch svg{position:relative;width:32px}.noggles{height:32px;left:50%;position:absolute;top:6.5px;-webkit-transform:translate(-56.9%);transform:translate(-56.9%);width:auto}.noggles path{transition:all .5s ease-in-out}@media(max-width:1240px){#hybrid{max-width:calc(100% - 30px)}}@media(max-width:960px){header div:first-child,header div:nth-child(3){opacity:0!important}}@media(max-width:680px){#page,#root,.app,body,html{overflow-y:auto}body{font-size:13px}header{grid-template-columns:1fr 1fr;text-align:center}header .noggles{left:50%;top:6.5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}header .modeSwitch,header .modeSwitch img,header .modeSwitch svg{-webkit-transform:none;transform:none}header div:first-child,header div:nth-child(3){display:none}.nouns-info{grid-template-columns:1fr;position:relative}.nouns-info #hybrid{left:auto;max-width:none;position:relative;top:auto;-webkit-transform:none;transform:none}.nouns-info .info{padding:0 8px}.nouns-info .info .h2-container{line-height:65px;margin-top:calc(45px + .8rem)}.nouns-info .info .c,.nouns-info .info .h2-container{position:relative;-webkit-transform:none;transform:none}.nouns-info .info .c{margin-top:.8rem;top:auto}#playground-left{margin-bottom:.8rem}#playground-right{margin-bottom:22.5px}.footer-ui{bottom:auto;grid-template-columns:1fr;height:45px;line-height:45px;position:relative;position:absolute;top:0;top:45px}.footer-ui:before{content:"";display:block;padding-top:100%;width:100%}.footer-ui>.content{bottom:0;left:0;position:absolute;right:0;top:0}.footer-ui:before{pointer-events:none}.footer-ui div:first-child{bottom:0}.footer-ui div:nth-child(4){position:relative}.footer-ui div:nth-child(4):before{content:"";display:block;padding-top:100%;width:100%}.footer-ui div:nth-child(4)>.content{bottom:0;left:0;position:absolute;right:0;top:0}.footer-ui div:nth-child(4):before{pointer-events:none}.footer-ui div:nth-child(2),.footer-ui div:nth-child(4){display:none}.footer-ui div:nth-child(3){-webkit-transform:translateY(-100%);transform:translateY(-100%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-ui div{padding:0 8px}#saveJpg{margin-right:8px;position:absolute;right:0}#explore{background:#fff;gap:15px;grid-template-columns:repeat(3,1fr);padding:50vh 15px 0;width:calc(100% - 30px)}#explore a{text-decoration:none}#explore a span{display:block;font-weight:700;line-height:1.8;text-align:center;text-transform:uppercase}#hybrid{display:block;margin:45px 0}#hybrid #canvas{border-radius:0}.trait,.traits .bg,.traits img{height:32px;width:32px}.loading-container{padding:0 15px;width:calc(100% - 30px)}.loading-container span{font-size:28px}.loading-container .dot:first-child{margin-left:6px}.loading-container .dot:nth-child(2){margin-left:12px}.loading-container .dot:nth-child(3){-webkit-animation:dot-3 1s infinite;animation:dot-3 1s infinite;margin-left:18px}}.darkmode--activated{background:#000}.darkmode--activated *{color:#e4e7e7}.darkmode--activated a,.darkmode--activated a div,.darkmode--activated button,.darkmode--activated button div,.darkmode--activated h1,.darkmode--activated h1 div,.darkmode--activated h2,.darkmode--activated h2 div{color:#fff}.darkmode--activated .traits .small{color:#949e9e}.darkmode--activated .trait{background:none!important;border:1px solid #272a2a}.darkmode--activated #nextLink,.darkmode--activated #previousLink{background-color:#141414}.darkmode--activated #nextLink:hover,.darkmode--activated #previousLink:hover{background:#272a2a}.darkmode--activated #nextLink a,.darkmode--activated #previousLink a{color:#fff}.darkmode--activated #nextLink a:hover,.darkmode--activated #previousLink a:hover{color:#000}.darkmode--activated #playground-left:before,.darkmode--activated #playground-right:before{background:#000}.darkmode--activated #middle-loading-container .l,.darkmode--activated #middle-loading-container .r{background:#272a2a}.darkmode--activated #left-loader,.darkmode--activated #left-loader.active,.darkmode--activated #middle-loader,.darkmode--activated #middle-loader.active{background:#000}.darkmode--activated .loading-container{background:#272a2a}.darkmode--activated .nouns-info .info h3,.darkmode--activated .timer{color:#fff}
/*# sourceMappingURL=main.7422cfdf.css.map*/