@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0;overscroll-behavior-y:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{font-size:16px;margin:0;padding:0}#root,.app,body,html{height:100%;width:100%}.app{overflow:hidden;position:relative}.app #main-canvas{cursor:grab;height:100%;width:100%}.app #main-canvas:active{cursor:grabbing}.app button{cursor:pointer}.app .icon{font-size:20px;margin-right:16px;vertical-align:top}.app .checkboxes{display:flex;gap:16px;position:absolute;right:2rem;top:2rem;-webkit-transform:translateX(-500px);transform:translateX(-500px);transition-duration:.25s}.app .checkboxes.hidden{-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width:450px){.app .checkboxes{-webkit-transform:none;transform:none}}.app .side-bar{background-color:#252525;border:12px solid #ffc600;box-sizing:border-box;color:#fff;height:100%;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:1rem;position:absolute;right:0;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition-duration:.25s;width:500px}.app .side-bar.hidden{-webkit-transform:translateX(100%);transform:translateX(100%)}.app .side-bar::-webkit-scrollbar{background:none!important;width:7px!important}.app .side-bar::-webkit-scrollbar-thumb{background:#eee!important}.app .side-bar::-webkit-scrollbar-track{background:none}@media screen and (max-width:450px){.app .side-bar{-webkit-transform:translateY(0);transform:translateY(0)}.app .side-bar.hidden{-webkit-transform:translateY(100%);transform:translateY(100%)}}.app .side-bar button{position:relative}.app .side-bar button:disabled:after{background-color:rgba(0,0,0,.7);content:"";cursor:not-allowed;height:100%;left:0;position:absolute;top:0;width:100%}.app .side-bar .header{height:40px}.app .side-bar .header span{font-size:16px;font-weight:800}.app .side-bar .header .close-sidebar{background:none;border:none;color:#fff;position:absolute;right:1rem;top:1rem}.app .side-bar .header .close-sidebar .icon{margin:0}.app .side-bar .edit-tile{background-color:#ffc600;border:none;font-size:14px;font-weight:700;line-height:16px;margin-bottom:27px;padding:15px;width:100%}.app .side-bar .edit-tile .icon{margin-right:5px}.app .side-bar .login-with-metamask{margin-bottom:10px!important}.app .side-bar .login-with-metamask .metamask-icon{height:20px;margin-right:5px;margin-top:-2px;vertical-align:top;width:20px}@media screen and (max-width:600px){.app .side-bar{height:40%;overflow-x:hidden;overflow-y:auto;top:60%;width:100%}.app .side-bar::-webkit-scrollbar{background:none!important;width:7px!important}.app .side-bar::-webkit-scrollbar-thumb{background:#eee!important}.app .side-bar::-webkit-scrollbar-track{background:none}}.app .side-bar .split{background-color:#ffc600;border:3px solid #ffc600;margin-bottom:2rem;margin-top:2rem}.app .side-bar .title{font-weight:800}.app .side-bar .title .eth-icon{-webkit-filter:invert(1);filter:invert(1);font-size:20px;height:20px;margin-right:16px;vertical-align:top;width:20px}.app .side-bar .row{display:flex;flex-direction:row;margin-bottom:24px;margin-top:24px;padding-left:20px;word-break:break-all}.app .side-bar .key{font-size:14px;font-weight:700;line-height:1rem;margin-right:10px}.app .side-bar .value{display:flex;flex-direction:row;flex-grow:1;font-size:14px;font-weight:400;line-height:1rem;width:0}.app .side-bar .copy{background:none;border:none;color:#fff;flex-grow:1;outline:none;text-align:right}.app .side-bar .copy span{width:1rem}.app .side-bar .token-id{color:#8080ff;text-decoration:none}.app .side-bar .price{border:1px solid #ffc600;display:flex;margin-bottom:3px;margin-top:24px}.app .side-bar .price input::-webkit-inner-spin-button,.app .side-bar .price input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app .side-bar .price input{background:none;border:none;color:#ffc600;flex-grow:1;font-size:14px;font-weight:700;line-height:1rem;outline:none;padding-bottom:14px;padding-left:10px;padding-top:15px}@media screen and (max-width:600px){.app .side-bar .price input{width:50%}}.app .side-bar .price .unit{align-items:center;color:#ffc600;display:flex;font-size:14px;font-weight:700;line-height:1rem;padding-right:17px}.app .side-bar .price button{background-color:#ffc600;border:none;font-size:14px;font-weight:700;line-height:1rem;padding-left:28px;padding-right:26px}.app .side-bar .price-description{font-size:11px;font-style:italic;font-weight:400;line-height:13px}.app .side-bar .history-box{border:1px solid #fff}.app .side-bar .history-box .tabs button{background:none;border:none;border-bottom:2px solid #cacaca;color:#cacaca;font-size:14px;font-weight:700;padding:.5rem;width:50%}.app .side-bar .history-box .tabs button.selected{border-bottom:2px solid #ffc600;color:#cacaca}.app .side-bar .log.history .icon{flex-grow:1;margin-right:0;text-align:right}.app .side-bar .log .log-item{font-size:14px;font-weight:400;line-height:16px;margin:1rem 2rem 2rem}.app .side-bar .log .content{display:flex;margin-top:4px}.app .side-bar .log .content .arrow{text-align:center;width:4rem}.app .side-bar .log .timestamp{color:#b0b0b0;font-size:14px;font-weight:400;line-height:16px;padding-top:2px}.app .side-bar .donation .box{border:1px solid #fff;display:flex;margin:1rem}.app .side-bar .donation .box input::-webkit-inner-spin-button,.app .side-bar .donation .box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app .side-bar .donation .box input{background:none;border:none;color:#fff;flex-grow:1;font-size:14px;font-weight:400;line-height:16px;outline:none;padding-bottom:9px;padding-left:17px;padding-top:9px}@media screen and (max-width:600px){.app .side-bar .donation .box input{width:50%}}.app .side-bar .donation .box .unit{align-items:center;display:flex;font-size:14px;font-weight:700;line-height:16px;margin-right:19px}.app .side-bar .donation .box button{background:none;background-color:#fff;border:none;font-size:14px;font-weight:700;line-height:16px;padding-left:31px;padding-right:31px}.app .side-bar .donation .icon{margin:0 0 0 1rem}.app .side-bar .donation .open-etherscan{color:#fff;text-decoration:none}.app .side-bar .tabs{height:34px}@media screen and (max-width:450px){.app .side-bar .tabs{height:50px}.app .side-bar .tabs button{height:50px;vertical-align:middle}}.app .footer{font-size:11px;font-weight:400;line-height:13px;margin-bottom:3px;margin-top:24px;text-align:center}.app .footer,.app .footer a{color:#cacaca}.app .dim-screen{background:hsla(0,0%,100%,.5);height:100%;left:0;margin:0;padding:0;position:fixed;top:0;width:100%}.app .spinner{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.app .spinner .cssload-thecube{height:73px;margin:49px auto 0;position:relative;width:73px}.app .spinner .cssload-thecube,.app .spinner .cssload-thecube .cssload-cube{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}.app .spinner .cssload-thecube .cssload-cube{float:left;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);width:50%}.app .spinner .cssload-thecube .cssload-cube:before{animation:cssload-fold-thecube 2.76s linear infinite both;-o-animation:cssload-fold-thecube 2.76s linear infinite both;-ms-animation:cssload-fold-thecube 2.76s linear infinite both;-webkit-animation:cssload-fold-thecube 2.76s linear infinite both;-moz-animation:cssload-fold-thecube 2.76s linear infinite both;background-color:#ffc800;content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;width:100%}.app .spinner .cssload-thecube .cssload-c2{transform:scale(1.1) rotate(90deg);-o-transform:scale(1.1) rotate(90deg);-ms-transform:scale(1.1) rotate(90deg);-webkit-transform:scale(1.1) rotate(90deg);-moz-transform:scale(1.1) rotate(90deg)}.app .spinner .cssload-thecube .cssload-c3{transform:scale(1.1) rotate(180deg);-o-transform:scale(1.1) rotate(180deg);-ms-transform:scale(1.1) rotate(180deg);-webkit-transform:scale(1.1) rotate(180deg);-moz-transform:scale(1.1) rotate(180deg)}.app .spinner .cssload-thecube .cssload-c4{transform:scale(1.1) rotate(270deg);-o-transform:scale(1.1) rotate(270deg);-ms-transform:scale(1.1) rotate(270deg);-webkit-transform:scale(1.1) rotate(270deg);-moz-transform:scale(1.1) rotate(270deg)}.app .spinner .cssload-thecube .cssload-c2:before{animation-delay:.35s;-o-animation-delay:.35s;-ms-animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}.app .spinner .cssload-thecube .cssload-c3:before{animation-delay:.69s;-o-animation-delay:.69s;-ms-animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}.app .spinner .cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s}@keyframes cssload-fold-thecube{0%,10%{opacity:0;-webkit-transform:perspective(136px) rotateX(-180deg);transform:perspective(136px) rotateX(-180deg)}25%,75%{opacity:1;-webkit-transform:perspective(136px) rotateX(0deg);transform:perspective(136px) rotateX(0deg)}90%,to{opacity:0;-webkit-transform:perspective(136px) rotateY(180deg);transform:perspective(136px) rotateY(180deg)}}@-webkit-keyframes cssload-fold-thecube{0%,10%{opacity:0;-webkit-transform:perspective(136px) rotateX(-180deg)}25%,75%{opacity:1;-webkit-transform:perspective(136px) rotateX(0deg)}90%,to{opacity:0;-webkit-transform:perspective(136px) rotateY(180deg)}}.editor{background-color:#252525;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.editor .button-close{align-items:center;background-color:red;border:none;color:#fff;display:flex;height:2rem;justify-content:center;position:absolute;right:2rem;text-align:center;top:2rem;width:2rem}.editor .button-close .icon{margin:0}.editor .box{background:none;border:1px solid #fff;box-sizing:border-box;color:#fff;font-size:16px;font-weight:400;line-height:19px;margin-bottom:8px;padding:13px 12px;width:333px}.editor .color-picker{left:3rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.editor .color-picker *{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.editor .color-picker .sketch-picker{background:none!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;width:342px!important}.editor .color-picker .sketch-picker>div:first-of-type{margin-bottom:9px!important;width:333px!important}.editor .color-picker .sketch-picker .flexbox-fix{border:none!important;margin:0!important;padding:0!important}.editor .color-picker .sketch-picker .flexbox-fix *{border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(2){padding-right:9px!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(2)>div:first-child>div{height:48px!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(2)>div:first-child>div>div>div>div,.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(2)>div:first-child>div>div>div>div>div{height:100%!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(2)>div:nth-child(2){height:48px!important;margin-left:9px!important;width:48px!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(3){display:none!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(4){justify-content:left}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(4)>div{height:48px!important;margin:9px 9px 0 0!important;width:48px!important}.editor .color-picker .sketch-picker .flexbox-fix:nth-of-type(4)>div div{border:none!important}.editor .color-picker .sketch-picker input{background:none!important;border:1px solid #fff!important;box-shadow:none!important;color:#fff!important;font-size:16px!important;font-weight:400!important;line-height:19px!important;outline:none!important;text-align:center}.editor .toolbar{display:flex;flex-direction:column;position:absolute;right:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.editor .toolbar *{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.editor .toolbar .size{display:flex}.editor .toolbar .size input::-webkit-inner-spin-button,.editor .toolbar .size input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.editor .toolbar .size input{background:none;border:none;color:#fff;flex-grow:1;font-size:16px;font-weight:400;outline:none;text-align:center}.editor .toolbar .position{display:flex}.editor .toolbar .position .empty{flex-grow:1}.editor .toolbar .save-area{display:flex;gap:8px}.editor .toolbar .save-area .box{flex-grow:1;width:0}.editor .pixel-area{left:50%;padding:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.editor .pixel-area .row{display:flex;margin:0;padding:0}.editor .pixel-area .row .pixel{border:1px solid hsla(0,0%,53%,.2);height:20px;margin:0;padding:0;width:20px}
/*# sourceMappingURL=main.8bf38862.css.map*/