:root{--green-color:#81c369;--light-green-color:#81c369;--gray-color:#3a3a3a;--red-color:#f70058}.step{margin:5px}.step-header{background-color:#81c369;background-color:var(--green-color);border-radius:var(--border-radius);display:-webkit-flex;display:flex;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.step-header.empty{background-color:#f70058;background-color:var(--red-color)}.step-icon{background-color:#3a3a3a;background-color:var(--gray-color);width:50px;border-radius:var(--border-radius) 0 0 var(--border-radius);text-align:center;color:#fff}.step-icon:before{content:"";display:inline-block;height:100%;vertical-align:middle}.step-title{padding:6px 0 6px 12px;color:#fff;text-transform:uppercase}.step-available-count{font-size:75%;padding-left:4px}.step-selected-count{color:#000;font-size:75%;margin-left:auto;margin-top:auto;margin-bottom:auto;padding-right:10px}.step-content{background-color:#3a3a3a;background-color:var(--gray-color);margin-top:10px;border-radius:var(--border-radius);color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}.step-content-bottom,.step-content-top,.trait-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.trait-wrapper{overflow:hidden;width:100%;position:relative;-webkit-align-items:center;align-items:center;text-align:center}.step-content-traits{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.trait-preview-wrapper{position:relative;margin:10px}.trait-name{text-align:center;width:140px;overflow-wrap:anywhere}.trait-action{width:30px;height:30px;position:absolute;top:0;right:0}.trait-preview:hover .trait-action{background:url(/images/plus-circle-solid.png);background-color:#81c369;background-color:var(--green-color);border-radius:50%;background-size:32px;background-position:-1px -1px}.trait-preview.cropped:hover .trait-action{top:50%;right:50%;margin-top:-15px;margin-right:-15px}.max-reached.possible:hover .trait-action{visibility:hidden}.trait-preview-wrapper.impossible .trait-preview:hover .trait-action{background:url(/images/retweet-solid.png);background-color:#000;background-size:20px;background-repeat:no-repeat;background-position:50%}.trait-preview-wrapper.selected .trait-preview:hover .trait-action{background:url(/images/minus-circle-solid.png);background-color:#f70058;background-color:var(--red-color);border-color:#f70058;border-color:var(--red-color);background-size:32px;background-position:-1px -1px}.step-content-bottom .trait-preview-wrapper:hover:after{content:"x";position:absolute;top:0;right:10px}.trait-preview{width:110px;height:110px;border-radius:50%;background-color:#fff;border:6px solid #3a3a3a;border:6px solid var(--gray-color);margin:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;position:relative}.layer{position:absolute;font-weight:700;bottom:0;left:0}.step-content-bottom .trait-preview{width:60px;height:60px}.trait-preview:hover{background-color:#81c369;background-color:var(--light-green-color)}.max-reached.possible .trait-preview:hover{background:#fff}.max-reached.possible .trait-preview{cursor:default}.trait-preview-wrapper.selected .trait-preview:hover{background-color:#f70058;background-color:var(--red-color);border-color:#f70058;border-color:var(--red-color)}.trait-preview img{max-width:100%;max-height:100%}.trait-preview-wrapper.selected .trait-preview{border:6px solid #81c369;border:6px solid var(--green-color);background-color:#81c369;background-color:var(--green-color);opacity:1}.trait-preview.cropped{overflow:hidden}.trait-preview.cropped img{max-height:none}.trait-preview-wrapper.impossible:not(.selected) .trait-preview{opacity:.3}.trait-preview-wrapper.impossible .trait-preview:hover{opacity:.8}.trait-preview.disabled img{-webkit-filter:saturate(0);filter:saturate(0)}.arrow{color:#f70058;color:var(--red-color);font-size:4em;cursor:pointer}.arrow,.arrow.disabled{-webkit-user-select:none;-ms-user-select:none;user-select:none}.arrow.disabled{color:#a9a9a9;cursor:default}.newLayout{height:870px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:850px}.groups{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#3a3a3a;background-color:var(--gray-color);margin-bottom:20px;background-image:url(/images/asfalt-dark.png);background-blend-mode:multiply}.group-traits,.groups{max-width:100%;padding:20px;border-radius:var(--border-radius);margin-right:10px}.group-traits{display:inline-block;height:100%;overflow:auto;background-color:#3a3a3a;background-color:var(--gray-color)}.group-traits-content{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-content:center;align-content:center}.group-selected-traits{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:20%}.trait-group-count{border:1px solid #000;position:absolute;top:0;right:0;border-radius:3px;background-color:grey;padding:2px 7px;color:#000;font-size:.9em;box-shadow:1px 1px 1px #000}.group-icon{padding:10px;position:relative;cursor:pointer;width:65px;margin:2px;border-radius:5px}.group-icon svg{font-size:50px}.group-icon svg circle,.group-icon svg path{fill:#fff}.group-icon.selected svg circle,.group-icon.selected svg path{fill:#81c369;fill:var(--green-color)}.group-icon:not(.selected):hover svg circle,.group-icon:not(.selected):hover svg path{fill:grey}.group-trait{width:120px;height:120px;background-color:grey}.no-traits{font-size:1.2em;line-height:1.8em;text-align:center}.group-desc{padding:12px 5px}:root{--character-size:390px;--border-radius:5px}body,html{height:100%}@media only screen and (max-width:900px){.newLayout{display:none}}a,a:visited{color:#fff;text-decoration:underline;cursor:pointer}a:hover{color:grey}#root{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;background-image:url(/images/bg_web_01.jpg);background-color:#000;min-height:100%;font-family:Ubuntu,sans-serif}.top-section{height:100px;background:#fff;width:100%;position:absolute;z-index:1}.main{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;height:100%;width:1280px;z-index:6}.top-center,.top-left,.top-right{display:inline-block}.top-right{float:right}button.top-right{background-color:var(--red-color);color:#fff;box-shadow:0 6px 8px 0 rgb(0 0 0/60%);margin-top:10px}.react-tabs__tab--selected,.react-tabs__tab:hover{font-weight:700}.howto img{max-width:100%}.tab2{background-size:contain}.top li{display:inline-block;padding:12px}.top-right,.top li{cursor:pointer;font-size:20px}.top-right{border:none;border-radius:3px;margin:5px;padding:6px 50px 8px}.react-tabs__tab--selected,.react-tabs__tab:hover{font-weight:700}.top-center{text-align:center;margin:0 0 30px}#logo{max-width:300px}.content{color:#fff}.character-empty{width:400px;height:617.5px;height:calc(var(--character-size)*1.58333);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}button{background-color:var(--gray-color);border:none;border-radius:3px;margin:5px;padding:6px 50px;color:#fff;cursor:pointer}.gallery-content{height:auto}.gallery{-webkit-flex-flow:row wrap;flex-flow:row wrap}.gallery,.gallery-notconnected{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.gallery-notconnected{-webkit-flex-flow:column;flex-flow:column;-webkit-align-content:center;align-content:center;height:500px}.gallery-notconnected div{text-align:center;font-size:20px;line-height:30px}.image-wrapper{height:617.5px;height:calc(var(--character-size)*1.58333);box-shadow:0 6px 8px 0 rgba(0,0,0,.6);border:1px solid #000;margin:3px 3px 20px;z-index:7}.image-wrapper,.image-wrapper img{width:390px;width:var(--character-size)}.image-wrapper img{position:absolute}.layer-slider{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:10px;box-shadow:0 6px 8px 0 rgba(0,0,0,.6);margin:20px 5px;border-radius:3px;background-color:#fff}.layer-slider input{width:90%}.editor{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.character-wrapper{margin-top:15px;cursor:pointer}.editor-preview{background-color:var(--red-color);border-radius:5px;border-radius:var(--border-radius);margin-right:22px;padding:20px;margin-left:10px;background-image:url(/images/asfalt-dark.png);background-blend-mode:multiply}.editor-preview button{padding:10px;font-size:1.1em;height:40px}.editor-preview button.disabled{background-color:grey}.selected-trait-wrapper{display:-webkit-flex;display:flex;cursor:pointer;background-color:var(--gray-color);border-radius:20px 20px;color:#fff}.selected-trait-wrapper .name{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;-webkit-flex-direction:column;flex-direction:column}.selected-trait-wrapper .trait-preview.selected{width:20px;height:20px}h1{font-size:30px;text-align:center;text-transform:uppercase}strong{color:var(--red-color)}.about{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.about h1{font-size:30px;text-transform:uppercase}.about-text,.about h1{text-align:center;margin-bottom:20px}.about-text{max-width:600px}.about-fellas{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.about-fella-wrapper{margin:20px}.hash-btn{width:37px}.delete-btn{width:86px}.random-btn{width:137px}.character-hash{display:inline-block;padding-left:5px}.character-hash input{width:110px;height:40px;margin-right:-5px;vertical-align:top;border:0;margin-top:5px;text-align:center}button.button-mint{background-color:var(--green-color);width:390px;width:var(--character-size);box-shadow:0 6px 8px 0 rgba(0,0,0,.6);font-size:2em;height:auto}.button-mint strong{color:#000;font-size:.8em}.selected-traits-popup{position:absolute;top:50%;z-index:8;height:500px;width:800px;left:50%;margin:-250px auto 0 -160px;border:0;border-radius:5px;border-radius:var(--border-radius);background:var(--gray-color);color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:20px}.selected-traits-popup .trait-preview.selected{background-color:#fff}.fingerprint-wrapper{display:-webkit-flex;display:flex;margin-top:10px}.fingerprint-wrapper button{background-color:var(--red-color);padding:10px 15px}.fingerprint-desc{background-color:var(--red-color);padding:8px 15px;display:block;border:none;border-radius:3px;margin:5px}.fingerprint{word-wrap:anywhere;-webkit-flex-grow:3;flex-grow:3;height:33px;margin-top:4px}.close-button{position:absolute;right:-16px;top:-18px;font-size:30px;cursor:pointer}.max-traits{position:absolute;width:100%;height:100%;background:red;border-radius:50%;background:rgba(255,0,0,.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;visibility:hidden;pointer-events:none}.max-reached.possible .max-traits{visibility:visible}#cover{position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:7;width:100%;height:100%}.faq{display:block;height:100%;overflow:auto;background-image:url(/images/asfalt-dark.png);background-color:#005475;padding:20px;border-radius:5px;border-radius:var(--border-radius);margin:20px 10px}.faq h1{padding:0 0 20px;font-weight:500;color:#fff}.Collapsible{background-color:var(--gray-color);padding:20px;margin:0 0 10px;border-radius:5px;border-radius:var(--border-radius)}.Collapsible__trigger{cursor:pointer}.Collapsible__trigger.is-closed,.Collapsible__trigger.is-open{font-size:20px;color:#0c9ad2}.Collapsible__contentInner p{padding:10px 0}.social-media{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;color:#fff;font-size:60px;background:#f70058;border-radius:5px;margin-bottom:30px}.social-media a,.social-media a:visited{color:#fff}.social-media a:hover{color:grey}.social-media svg{margin:30px}h1{line-height:1.3em}p{line-height:1.6em}#milestones{position:relative;max-width:1280px;padding:30px 10px 10px;margin:0}#milestones h2{color:#fff;background-color:var(--red-color);border-radius:5px;padding:20px;font-weight:500;margin:20px 10px 0}.milestone{padding:2%;position:relative;background-color:var(--gray-color);width:46%;color:#fff;margin-bottom:40px}.mleft{border-radius:5px 0 0 5px}.mright{border-radius:0 5px 5px 0}.milestone:after{content:"";position:absolute;width:25px;height:25px;right:-16px;background-color:var(--red-color);border:5px solid var(--gray-color);top:-13px;border-radius:50%;z-index:1}.milestone:nth-child(2n){left:0}.milestone:nth-child(odd){left:50%}.milestone:nth-child(odd):after{left:-16px}.milestone-percentage{background:var(--red-color);font-size:23px;padding:10px;color:#fff;display:inline-block;border-radius:5px;margin-bottom:10px;font-weight:500}#milestones:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-3px}#teaser{color:#fff;text-transform:uppercase;font-weight:700;height:10%;text-align:center;font-size:30px;line-height:1.5em}#teaser img{max-width:600px;height:auto}#teaser strong{color:var(--red-color)}#fella{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#fella img{max-width:400px;margin:0 auto}#intro h2{font-size:20px;line-height:1.5em;margin:20px 20px 40px}.legal{text-align:center}.legal a{margin:0 10px}#myFellas{-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:center;justify-content:center}#myFellas,.myFella{display:-webkit-flex;display:flex}.myFella{-webkit-flex-flow:column;flex-flow:column}body{margin:0;font-family:Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;src:url(/fonts/ubuntu-v15-latin-300.eot);src:local(""),url(/fonts/ubuntu-v15-latin-300.eot?#iefix) format("embedded-opentype"),url(/fonts/ubuntu-v15-latin-300.woff2) format("woff2"),url(/fonts/ubuntu-v15-latin-300.woff) format("woff"),url(/fonts/ubuntu-v15-latin-300.ttf) format("truetype"),url(/fonts/ubuntu-v15-latin-300.svg#Ubuntu) format("svg")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;src:url(/fonts/ubuntu-v15-latin-regular.eot);src:local(""),url(/fonts/ubuntu-v15-latin-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/ubuntu-v15-latin-regular.woff2) format("woff2"),url(/fonts/ubuntu-v15-latin-regular.woff) format("woff"),url(/fonts/ubuntu-v15-latin-regular.ttf) format("truetype"),url(/fonts/ubuntu-v15-latin-regular.svg#Ubuntu) format("svg")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;src:url(/fonts/ubuntu-v15-latin-500.eot);src:local(""),url(/fonts/ubuntu-v15-latin-500.eot?#iefix) format("embedded-opentype"),url(/fonts/ubuntu-v15-latin-500.woff2) format("woff2"),url(/fonts/ubuntu-v15-latin-500.woff) format("woff"),url(/fonts/ubuntu-v15-latin-500.ttf) format("truetype"),url(/fonts/ubuntu-v15-latin-500.svg#Ubuntu) format("svg")}*{padding:0;margin:0}
/*# sourceMappingURL=main.e0fc619e.chunk.css.map */