[v-cloak]{opacity:0!important;pointer-events:none!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:100vw}[hide]{display:none!important}body,html{font-family:threeDdpea-font;height:100dvh;margin:0;overflow:hidden;padding:0;width:100vw}a{text-decoration:none}a:hover{text-decoration:underline}a:link,a:visited{color:inherit}ol,ul{padding-left:1em}ul{list-style-type:disc}:is(dir,menu,ol,ul) ul{list-style-type:disc}:is(dir,menu,ol,ul) :is(dir,menu,ol,ul) ul{list-style-type:circle}::marker{color:var(--color-primary)}[not-edit=true]{opacity:.5!important}[not-edit=true],[not-edit=true] *{pointer-events:none!important}#app{--innerHeight:100dvh;height:100dvh;overflow:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}#app .editor-container{background-color:var(--border-color-lighter);display:grid;grid-template-columns:auto 1fr;height:var(--innerHeight);position:relative;width:100%}#app .editor-container .editor-settings{height:inherit;width:25rem;z-index:1}#app .editor-container .editor-settings .characters{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:6rem 1fr auto;padding:.5rem 1rem}#app .editor-container .editor-settings .characters>div{font-weight:700}#app .editor-container .editor-settings .characters>pea-select{border-radius:.25rem;height:2.5rem}#app .editor-container .editor-settings .characters .upload-skin{align-items:center;background:var(--color-primary);border-radius:.25rem;box-sizing:border-box;color:#fff;display:flex;font-weight:unset!important;gap:.5rem;height:100%;margin-left:1rem;padding:.25rem .5rem;position:relative}#app .editor-container .editor-settings .characters .upload-skin>input{cursor:pointer;font-size:0;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}#app .editor-container .editor-settings .characters .upload-skin>svg{height:1.35rem;width:1.35rem}#app .editor-container .editor-settings .characters .upload-skin>svg path{fill:#fff}#app .editor-container .editor-settings .editor-setting{background:var(--bg-color-page);box-sizing:border-box;padding:1rem 1rem .5rem;position:relative;width:100%}#app .editor-container .editor-settings .editor-setting[full]{margin:1rem 0}#app .editor-container .editor-settings .editor-setting .setting{cursor:pointer;height:3.25rem;position:relative;width:3.25rem}#app .editor-container .editor-settings .editor-setting .setting:has(.select-pop[active]){background-color:var(--border-color-darker)}#app .editor-container .editor-settings .editor-setting .setting>img{border-bottom:2px solid var(--border-color-darker);height:100%;image-rendering:pixelated;padding-bottom:.25rem;pointer-events:none;width:100%}#app .editor-container .editor-settings .editor-setting .setting[not-edit=true]>img{border-color:var(--color-danger)}#app .editor-container .editor-settings .editor-setting .setting .select-pop{cursor:default;display:none;left:0;position:absolute;top:100%;z-index:1}#app .editor-container .editor-settings .editor-setting .setting .select-pop[active]{display:unset}#app .editor-container .editor-settings .editor-setting .setting .select-pop .select-pop-inner{background:#fff;border-radius:.25rem;box-shadow:0 0 10px var(--border-color-darker);display:grid;grid-template-columns:repeat(3,33.33%);justify-items:center;margin-top:.5rem;padding:.5rem 0;row-gap:1rem;width:12rem}#app .editor-container .editor-settings .editor-setting .setting .select-pop .select-pop-inner .select-option{border-radius:.25rem;height:3rem;width:3rem}#app .editor-container .editor-settings .editor-setting .setting .select-pop .select-pop-inner .select-option[active=true]{background:var(--color-primary-light-8)}#app .editor-container .editor-settings .editor-setting .setting .select-pop .select-pop-inner .select-option:hover{background-color:var(--color-info-light-8)}#app .editor-container .editor-settings .editor-setting .setting .select-pop .select-pop-inner .select-option>img{cursor:pointer;height:100%;image-rendering:pixelated;width:100%}#app .editor-container .editor-settings .editor-setting .editor-setting-inner{align-items:center;display:grid;grid-template-columns:repeat(5,20%);justify-items:center;width:100%}#app .editor-container .editor-settings .editor-setting .editor-setting-inner .more-menu{box-sizing:border-box;cursor:pointer;height:3.25rem;padding:.25rem;width:3.25rem}#app .editor-container .editor-settings .editor-setting .editor-setting-inner .more-menu>svg{height:100%;pointer-events:none;width:100%}#app .editor-container .editor-settings .editor-setting .editor-setting-inner .more-menu>svg path{fill:var(--border-color-darker)}#app .editor-container .editor-settings .editor-setting .random-setting{background:hsla(0,0%,100%,.8);border-radius:.25rem;box-shadow:0 0 5px var(--border-color-darker);cursor:pointer;height:3.25rem;position:relative;transform:rotate(0deg);transform-origin:center center;width:3.25rem}#app .editor-container .editor-settings .editor-setting .random-setting:after{border-radius:99999px;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}#app .editor-container .editor-settings .editor-setting .random-setting[random="1"]:after{background-color:var(--color-primary)}#app .editor-container .editor-settings .editor-setting .random-setting[random="2"]:after{background-color:var(--color-primary);box-shadow:calc(1.25rem + 6px) calc(1.25rem + 6px) 0 0 var(--color-primary);left:.8rem;top:.8rem}#app .editor-container .editor-settings .editor-setting .random-setting[random="3"]:after{background-color:var(--color-primary);box-shadow:calc(.625rem + 3px) calc(.625rem + 3px) 0 0 var(--color-primary),calc(1.25rem + 6px) calc(1.25rem + 6px) 0 0 var(--color-primary);left:.8rem;top:.8rem}#app .editor-container .editor-settings .editor-setting .random-setting[random="4"]:after{background-color:var(--color-primary);box-shadow:0 calc(1.25rem + 6px) 0 0 var(--color-primary),calc(1.25rem + 6px) calc(1.25rem + 6px) 0 0 var(--color-primary),calc(1.25rem + 6px) 0 0 0 var(--color-primary);left:.8rem;top:.8rem}#app .editor-container .editor-settings .editor-setting .random-setting[random="5"]:after{background-color:var(--color-primary);box-shadow:calc(.625rem + 3px) calc(.625rem + 3px) 0 0 var(--color-primary),0 calc(1.25rem + 6px) 0 0 var(--color-primary),calc(1.25rem + 6px) calc(1.25rem + 6px) 0 0 var(--color-primary),calc(1.25rem + 6px) 0 0 0 var(--color-primary);left:.8rem;top:.8rem}#app .editor-container .editor-settings .editor-setting .random-setting[random="6"]:after{background-color:var(--color-primary);box-shadow:0 calc(.625rem + 3px) 0 0 var(--color-primary),calc(1.25rem + 6px) calc(.625rem + 3px) 0 0 var(--color-primary),0 calc(1.25rem + 6px) 0 0 var(--color-primary),calc(1.25rem + 6px) calc(1.25rem + 6px) 0 0 var(--color-primary),calc(1.25rem + 6px) 0 0 0 var(--color-primary);left:.8rem;top:.8rem}#app .editor-container .editor-settings .editor-setting .random-setting[random-start]{animation:diceAnim .2s linear infinite}#app .editor-container .editor-settings .editor-setting .more_edits{background:#fff;box-sizing:border-box;height:0;overflow:hidden;padding:0 1rem;position:absolute;transition:height .2s,padding .2s;width:calc(100% - 6.5rem);z-index:1}#app .editor-container .editor-settings .editor-setting .more_edits .more-edit-title{font-size:1.5rem;font-weight:700;margin:2rem 0 .5rem}#app .editor-container .editor-settings .editor-setting .more_edits .more-edit-item{align-items:center;display:flex;justify-content:space-between}#app .editor-container .editor-settings .editor-setting .more_edits .more-edit-item>img{flex-shrink:0;height:3rem;image-rendering:pixelated;width:3rem}#app .editor-container .editor-settings .editor-setting .more_edits .more-edit-item input[type=color]{height:3.25rem;width:3.25rem}#app .editor-container .editor-settings .editor-setting .more_edits .command input{margin-top:.5rem;opacity:.7;width:100%}#app .editor-container .editor-settings .editor-setting .more_edits .command input:focus{opacity:1;outline-color:var(--color-primary)}#app .editor-container .editor-settings .editor-setting:has(.more-menu[active])>.more_edits{height:20.2rem;padding:1rem}#app .editor-container #viewport{border:1px solid var(--border-color-darker);box-sizing:border-box;height:var(--innerHeight);overflow:hidden;position:relative!important;width:calc(100vw - 360px - 25rem);z-index:0}#app .editor-container #viewport #info,#app .editor-container #viewport #viewportInfo{display:none}#app .start-creating{box-sizing:border-box;font-size:1.5rem;padding:7rem 10rem;position:relative;text-align:center}#app .start-creating>img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}#app .start-creating>h2{font-size:3rem}#app .start-creating>p{margin:2rem 0 5rem}#app .start-creating .start-creating-btn{background:var(--color-primary);border-radius:.5rem;color:#fff;cursor:pointer;margin:3rem auto 0;padding:1rem 2rem;width:-moz-fit-content;width:fit-content}@keyframes diceAnim{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}@media (max-width:768px){#app .editor-container{grid-template-areas:"b" "a";grid-template-columns:1fr;height:-moz-fit-content;height:fit-content}#app .editor-container .editor-settings{grid-area:a;height:-moz-fit-content;height:fit-content;margin:0 2.5vw;width:95vw}#app .editor-container #viewport{grid-area:b;height:50vh;margin:0 2.5vw;width:95vw}#app .start-creating{padding:3rem 2.5vw}#app .start-creating h2{font-size:2rem}#app .start-creating br{display:none}#app .start-creating .start-creating-btn{font-size:1rem;margin:0 auto}}