html{touch-action:pan-y}body{display:flex;justify-content:center;align-items:center;font-family:sans-serif;touch-action:pan-y}p{padding-bottom:.5em}body.absolute{height:100vh;width:100vw;overflow:hidden}body.absolute.swal2-height-auto{height:100vh!important}@media (prefers-color-scheme: dark){body{background-color:#404040;color:#fff}}@media (prefers-color-scheme: light){body{background-color:#d9d9d9;color:#000}}.btn-icon{text-decoration:none}.btn-mute .icon-playing{display:inline}.btn-mute .icon-mute,.btn-mute.muted .icon-playing{display:none}.btn-mute.muted .icon-mute,.btn-manual-auto .icon-manual{display:inline}.btn-manual-auto .icon-auto,.btn-manual-auto.auto .icon-manual{display:none}.btn-manual-auto.auto .icon-auto{display:inline}.header{display:flex;position:absolute;top:0;left:0;right:0;justify-content:space-between;align-items:center;padding:5px;height:8vmin}.footer{display:flex;position:absolute;margin-top:60px;left:0;right:0;justify-content:space-between;align-items:center;padding:5px;height:50px;border-top:1px solid gray}.homeicon{height:10vmin;cursor:pointer}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vmin;text-align:center;border-radius:5px;box-shadow:0 4px 8px #0000001a}.close{color:#000;position:absolute;top:20px;right:30px;font-size:30px;font-weight:700;cursor:pointer}#video-container{width:100%;max-height:80%;margin:0 auto;overflow:hidden}#video{width:100%;height:100%}#modal-overlay-text{cursor:pointer}#modal-overlay-text a{color:#00f;text-decoration:underline;cursor:pointer}.header-left,.header-center,.header-right{display:flex;gap:20px}.header a{text-decoration:none;color:gray;padding:5px 10px;border-radius:5px;transition:background-color .3s}.graylabel{color:gray;font-weight:light;font-size:.9em;padding-bottom:0}.white{color:#fff;background-color:#fff}.header a:hover{background-color:#ddd}.header-center{position:absolute;left:50%;transform:translate(-50%)}.container-diamond{width:60vmin;height:60vmin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);display:flex;flex-wrap:wrap-reverse}#grid{display:grid;grid-template-columns:repeat(6,5vmin);gap:0px}.hidden{display:none}.border1{border:1px solid rgba(255,255,255,.5)}p{margin:.3em 0}.monospace{font-family:monospace}.rotate-right{transform:rotate(45deg);position:relative;display:flex;align-items:center;flex-direction:column}.rotate-90{transform:rotate(90deg)}.top-left{position:absolute;top:2vmin;left:2vmin;z-index:1}.top-right{position:absolute;top:2vmin;right:2vmin}.bottom-left{position:absolute;bottom:2vmin;left:2vmin}.bottom-left-create{position:absolute;bottom:1%;left:1%}.bottom-right{position:absolute;bottom:2vmin;right:2vmin}.bottom-center{position:fixed;bottom:1%;left:50%;transform:translate(-50%)}.bottom-center-sound{position:absolute;bottom:calc(50% - 49vmin);left:calc(50% - 8vmin);transform:translate(-50%)}.manual-controls{position:absolute;bottom:calc(50% - 50vmin);left:calc(50% - 15vmin)}.music-controls{display:flex;flex-direction:column;position:absolute;bottom:calc(50% - 43vmin);left:calc(50% + 18vmin);transform:rotate(-45deg);transform-origin:left}.music-controls a{font-size:.8em;text-align:center;line-height:4vmin;margin:.2vmin}.music-controls p{font-size:.8em;text-align:center;line-height:4vmin;margin-bottom:0;margin-left:.3vmin;padding-bottom:0}.music-controls .button.selected{box-shadow:inset 0 0 0 1px #fff}.social-buttons{display:flex;flex-direction:row;position:absolute;bottom:10vmin;right:4vmin;transform:rotate(-45deg);transform-origin:center}.social-buttons a{font-size:.8em;text-align:center;line-height:4vmin;margin:.2vmin}.social-buttons p{font-size:.8em;text-align:center;line-height:4vmin;margin-bottom:0;margin-left:.3vmin;padding-bottom:0}.row{display:flex;flex-wrap:nowrap;margin-bottom:0;padding-bottom:0}.button{width:4vmin;height:4vmin;margin:.5vmin;padding:0;transition:opacity .3s ease;display:inline-block;text-align:center;text-decoration:none;line-height:5vmin;color:inherit}.button:active{opacity:.5}.pixel{width:10vmin;height:10vmin;cursor:pointer}.pixel:hover{filter:invert(2%)}.clicked{background-color:#fff0}.pixel-anim{width:10vmin;height:10vmin;cursor:default}.cell{width:5vmin;height:5vmin;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:transparent}.cell.small{width:.5vmin;height:.5vmin}.cyan{background-color:#0ff}.magenta{background-color:#f0f}.yellow{background-color:#ff0}.black{background-color:#000}.white{background-color:#fff}.transparent{background-color:none}.cyan.monochrome,.magenta.monochrome,.yellow.monochrome,.black.monochrome,.white.monochrome{background-color:#000!important}.ctext{color:#0ff}.mtext{color:#f0f}.ytext{color:#ff0}.ktext{color:#000}.wtext{color:#fff}.container-pixel-anim{display:flex;flex-wrap:wrap;width:7vmin;height:7vmin;margin:0 auto;padding:11%}.pixel-square{width:50%;height:50%}@keyframes colorize{0%{background-color:transparent}20%{background-color:#f0f}40%{background-color:#fff}60%{background-color:#000}80%{background-color:#0ff}to{background-color:#ff0}}.pixel-square:nth-child(1){animation:colorize 4s infinite}.pixel-square:nth-child(2){animation:colorize 4s infinite 1s}.pixel-square:nth-child(3){animation:colorize 4s infinite 3s}.pixel-square:nth-child(4){animation:colorize 4s infinite 2s}.color-block{display:flex;align-items:center}.color-bar{height:15px;margin-left:5px;transition:width .3s}.label{color:gray;padding-right:10px;height:1em}.traits-container{display:flex;position:absolute;bottom:0;margin:5%;width:40%;font-family:monospace}.traits-section-create{flex:1;font-size:1.1vw;font-family:monospace;width:28vw;position:absolute;bottom:1%;right:1%;padding:1%;border:1px solid white;color:#000}.traits-section-home{flex:1;font-size:1.1vw;font-family:monospace;width:28vw;position:absolute;bottom:1%;left:1%;padding:5px;color:#000}.traits-section-mint{flex:1;font-size:1.1vw;font-family:monospace;color:#000;padding:1%;border:1px solid white}.composite-color{height:100%;flex:1}.opaque-bg-blur{background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-description{background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3%;width:24vw;max-width:93%;font-size:1.1vw;font-family:monospace;border:1px solid white;margin-bottom:10px}.mint-left{padding:10px}.mint-right{display:flex;flex-direction:column;padding:10px;max-width:50%;background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;right:0}#token-svg{display:block}.svg-mint{width:33%;padding-left:6%}.svg-view{width:85vmin;height:85vmin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.w-100{width:100%}.text-center{text-align:center}.upgrade-container{display:flex;width:100%;height:100vh}.create-token-container{background:#fff;--diamon-size: min(calc(50vw / 1.7), calc(65vh / 1.7))}.upgrade-container .origin-token-container,.upgrade-container .create-token-container{flex:1 1 50%;display:flex;flex-direction:column;overflow:hidden}.upgrade-container .origin-token-container{border-right:1px solid}.upgrade-container #token-svg{width:100%;max-width:65vh;margin-left:auto;margin-right:auto}.upgrade-container .container-diamond{width:calc(var(--diamon-size) + 1px);height:calc(var(--diamon-size) + 1px);transform:rotate(-45deg);display:flex;flex-wrap:wrap-reverse;position:relative;top:calc(var(--diamon-size) * .7 / 2);left:0;margin-left:auto;margin-right:auto}.upgrade-container .container-diamond .pixel,.upgrade-container .container-diamond .cell{width:calc(var(--diamon-size) / 6);height:calc(var(--diamon-size) / 6)}.upgrade-container .token-info-wrapper{display:flex}.upgrade-container .create-token-container .token-info-wrapper{margin-top:calc(var(--diamon-size) * .7)}.upgrade-container .token-info-wrapper>div{flex:0 0 calc(50% - 20px);padding:10px}#status-message.error{color:red}.required-error{border:1px solid red}#page-gallery{height:100vh;overflow-y:auto}#token-cards{display:flex;grid-gap:15px;justify-content:center;width:100%;flex-wrap:wrap;padding-top:120px;padding-bottom:120px}#token-cards .token-card{display:flex;flex-direction:column;width:250px;border:1px solid grey;border-radius:5px;overflow:hidden;transition:all .3s}#token-cards .token-card:hover{transform:scale(1.03)}#token-cards .token-card .token-card-traits{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid gray}#token-cards.mosaic-view{grid-gap:0px}#token-cards.mosaic-view .token-card{border-radius:0}#token-cards.mosaic-view .token-card .token-card-svg-wrapper{height:250px}#token-cards.mosaic-view .token-card .token-card-svg-wrapper svg{transform:rotate(45deg);scale:1.65}.d-none{display:none!important}.d-hidden{visibility:hidden!important}#loading-screen-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity 4s ease-out}#loading-status-msg{margin-top:12px}#loading-screen-wrapper.fade-out{opacity:.1}@keyframes fadeOut{0%{background-color:#fff}to{background-color:#fff0}}.cube{width:40px;height:40px;position:relative;transform-style:preserve-3d;animation:fold 2s infinite linear}.cube div{position:absolute;width:100%;height:100%;opacity:.95}.cube div.face1{transform:rotateY(0) translateZ(20px);background:#0ff}.cube div.face2{transform:rotateY(90deg) translateZ(20px);background:#f0f}.cube div.face3{transform:rotateY(180deg) translateZ(20px);background:#ff0}.cube div.face4{transform:rotateY(270deg) translateZ(20px);background:#000}@keyframes fold{0%{transform:rotateY(0)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}to{transform:rotateY(360deg)}}[data-tooltip]{position:relative;display:inline-block}[role=tooltip]{opacity:0;position:absolute;width:auto;height:auto;min-height:25px;line-height:25px;font-size:1rem;background-color:#000000b3;color:#fff;border-radius:5px;margin-top:10px;padding:10px 15px;transform:translate(-50%)}[role=tooltip].active{opacity:1;transition:opacity .1s}[role=tooltip]:before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.7);position:absolute;margin-top:-20px;transform:translate(-50%);left:50%}[data-tooltip-position=top] [role=tooltip]:before{border-top:10px solid rgba(0,0,0,.7);border-bottom:0px;margin-top:35px}.colored-toast.swal2-icon-success{background-color:#a5dc86!important}.colored-toast.swal2-icon-success .swal2-success span{background-color:#fff!important}.colored-toast.swal2-icon-error{background-color:#f27474!important}.colored-toast.swal2-icon-error .swal2-x-mark span{background-color:#fff!important}.colored-toast.swal2-icon-warning{background-color:#f8bb86!important}.colored-toast.swal2-icon-info{background-color:#3fc3ee!important}.colored-toast.swal2-icon-question{background-color:#87adbd!important}.colored-toast .swal2-title,.colored-toast .swal2-close,.colored-toast .swal2-html-container{color:#fff}.flex-md-row{flex-direction:row}@media only screen and (max-width: 768px){.flex-md-row{flex-direction:column}.flex-md-row .svg-mint{width:100%;padding:0;max-width:320px;margin:auto}.flex-md-row .mint-right{width:calc(100% - 20px);max-width:calc(100% - 20px);font-size:12px}#page-create{flex-direction:column;justify-content:flex-start;height:auto;min-height:100vh;overflow-y:auto}#page-create .container-diamond{position:relative;top:50%;left:0;transform:rotate(-45deg);margin:30% auto}#page-create .traits-section-create{position:relative;bottom:auto;right:auto;width:100%;order:3;margin-top:20px;font-size:inherit}#page-create .bottom-center{position:relative;bottom:auto;left:auto;width:100%;transform:none;display:flex;justify-content:center;column-gap:10px;order:1}#page-create .bottom-left-create{position:relative;bottom:auto;left:auto;width:100%;order:2}#page-create .bottom-left-create div.monospace{width:100%!important}#page-create .bottom-left-create div.monospace input{width:94%;font-size:inherit}}