@import"https://fonts.googleapis.com/css2?family=Concert+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap";.main-container{font-family:Lato;width:100%;margin-left:auto;margin-right:auto}#visualisation{height:100%;width:100%}.ck-content{font-family:Lato;line-height:1.6;word-break:break-word;height:10%;max-height:200px;overflow-y:scroll}.ck-dialog-overlay{z-index:9999998!important}.ck-balloon-panel,.ck-dialog,.ck-modal{z-index:9999999!important}.ck-dropdown{z-index:2001!important}@font-face{font-family:GROBOLD;src:url(./GROBOLD-98e9c349.ttf)}#pre-loader{position:fixed;left:0;top:0;width:100%;height:100vh;background:#fff url(./loader2-165b12d6.gif) no-repeat center;background-size:6rem 6rem;z-index:999999999999999}.loader-gif,.loader-activities{position:absolute;height:4rem;width:4rem;left:50%;top:50%;transform:translate(-50%,-50%)}body{font-family:GROBOLD,sans-serif;font-size:1.2rem;background:linear-gradient(to bottom,#cca5fe,#fcd6ff,#cca5fe);background-size:cover;background-repeat:repeat;overflow:auto}img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.gallery-container{display:grid;height:20rem;align-items:center;grid-auto-flow:row;grid-auto-rows:25%;grid-template-columns:repeat(3,1fr);grid-template-rows:unset;overflow-y:scroll}.gallery-container img{-o-object-fit:cover;object-fit:cover}.img-activity{height:3rem;width:auto;margin:.2em;padding:.3em;border-radius:10px;background-color:#ffae42}.active-image{background-color:green!important}.goal-box{font-size:1rem;border-radius:2px;border:0,5px solid black;position:absolute;left:240px;top:1rem;height:auto;padding:0 0 .2em;width:5rem;opacity:.9;background-color:#fff;color:#e0dfdf;-webkit-text-stroke:.5px rgb(0,0,0);z-index:11}.goal-header{height:1.2rem;width:100%;border-top-left-radius:2px;border-top-right-radius:2px;display:flex;text-align:center;justify-content:center;align-items:center;background-color:#892ddf}.goal-img{padding:.1em 0 0 .2em;height:1.5rem;width:auto}.goal-box span{padding:0 .2em;font-size:.9rem;text-align:center}.header{display:block;position:absolute;width:90vw;left:0;right:0;margin:0 auto;top:.5;height:auto;width:-moz-fit-content;width:fit-content;text-align:center;font-size:1em;z-index:1}.header h2{font-size:1.2rem;display:block;color:#ef4765;position:absolute;right:auto;margin:0 0 0 2.5rem;left:60%;top:1em;height:2rem;min-width:12rem;padding:2px;border-radius:5%}nav{z-index:999999;position:absolute;top:2em;left:1em;font-size:.7rem;margin:0 auto;border-radius:50%;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;background:#ffb8c7;box-shadow:#7b1f31 0 0 0 1px,#e56479 0 0 0 4px}.save-bar{position:absolute;top:0;left:auto;right:0;background:#fc70d2}nav ul{margin:0;width:6.25rem;padding:0;list-style-type:none;float:left;display:inline-block}nav ul li{position:relative;margin:0 .5px 0 0;float:left;display:inline-block}li>a:after{content:""}li>a:only-child:after{content:""}nav ul li a{padding:.3rem;display:inline-block;color:#fff;text-decoration:none;color:#b22944;font-size:.8rem;text-shadow:0px 2px 2px rgba(255,255,255,1)}.save-bar div{padding:.3rem;display:inline-block;color:#fff;-webkit-text-stroke:0px rgb(0,0,0);text-decoration:none}nav ul li a:hover{opacity:.5}nav ul li ul{display:none;text-align:center;position:absolute;left:0;background:#ffb8c7;float:left;border-radius:10px;border:1px solid #7b1f31;box-shadow:0 0 0 5px #e56479,inset 0 -4px 5px -3px #7b1f31}nav ul li ul li{width:100%}nav ul li ul li:not(:last-child){border-bottom:1.5px dotted rgba(255,255,255,.5)}.show-list,.show-save-list{display:block}.show-save-list{background:#c980bd}.show-list-hidden,.show-save-list-hidden{display:none}.menu-icon,.save-icon{height:1rem;width:auto;margin-left:50%;display:block;cursor:pointer}.menu-icon{margin-left:2%;border-radius:40%;height:1.8rem;width:1.8rem}.menu-btn{cursor:pointer}@keyframes rollDown{0%{opacity:0;transform:translateY(-50%) rotateX(-90deg);transform-origin:top center}to{opacity:1;transform:translateY(0) rotateX(0);transform-origin:top center}}@keyframes rollUp{0%{opacity:1;transform:translateY(0) rotateX(0);transform-origin:top center}to{opacity:0;transform:translateY(-50%) rotateX(-90deg);transform-origin:top center}}.header--img{margin-top:3px;width:8rem;height:auto}.overlay{background-color:#fff;display:none;position:absolute;left:0;top:0;height:100vh;width:100vw;position:fixed;z-index:1001;opacity:.6;filter:blur(8px)}.custom-option{background:linear-gradient(180deg,rgba(197,237,86,1) 0%,rgba(120,204,8,1) 99%)}#level-dropdown{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;width:45px;padding:0 12px 0 14px;background:#1a1a24;color:#c9c9d4;border:1.5px solid #9156f5;border-radius:8px;box-shadow:none;font:inherit;font-size:13px;font-weight:600;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;-webkit-text-stroke:transparent}#level-dropdown:hover{background:#2a2a38;color:#fff}#level-dropdown:focus-visible{outline:none;border-color:#5ec8f0}.button{background:linear-gradient(to bottom right,#ef4765,#ff9a5a);display:flex;flex-direction:column;align-items:center;padding:6px 14px;font-family:inherit;letter-spacing:inherit;border-radius:6px;border:none;cursor:pointer;color:#fff;background-origin:border-box;box-shadow:0 .5px 1.5px #367af640,inset 0 .8px 0 -.25px #fff3;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;text-transform:uppercase}.button:hover{background:linear-gradient(to top left,#ef4765,#ff9a5a)}.instruct-parent{position:fixed;left:22%;top:17%;max-height:50vh;opacity:1;transition:ease-in 1s;transition:transform 1s ease-in-out;z-index:1001;transform:translate(0)}.instruct-parent-hidden{opacity:.1;transition:ease-out 1s;transition:transform 1s ease-in-out;transform:translate(-102vw)}.instruction-container{position:relative;z-index:10;height:100%}.instruction-header{height:40px;background:linear-gradient(to top,#3a2e5d,#1c1334);margin:0;width:100%;text-align:left;border-bottom:0;box-shadow:inset 0 -6px 4px #4b3e73,0 4px 3px #1e143266;display:flex;align-items:center;justify-content:space-between}.instruction-header-text{color:#fff;margin:1rem}.instruct-header-btns{display:flex;align-items:center;margin-right:5px}.instruction-scrolldiv{overflow-x:hidden;overflow-y:auto;height:calc(100% - 70px);padding:8px}.instruction-scrolldiv img{max-width:100%;height:auto}.instruction-content-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.instruction-content{position:relative;font-size:.8em;-webkit-text-stroke:0px rgb(114,114,114);border:1px solid #3a2e5d;width:50vw;height:50vh;border-radius:1rem;overflow:hidden;background:white}.instruct-parent-full{position:fixed!important;top:1.5%!important;left:1.5%!important;width:97%!important;height:96%!important;max-width:97%!important;max-height:96%!important;margin:0!important;padding:0!important;z-index:1000000!important;box-sizing:border-box!important}.instruct-content-full{position:absolute!important;top:0!important;left:0!important;width:calc(100% - 1rem)!important;height:calc(100% - 1rem)!important;max-width:calc(100% - 1rem)!important;max-height:calc(100% - 1rem)!important;border-radius:0!important;box-sizing:border-box!important}.instruct-parent-full .apt-hero{display:none!important}.apt-hero{position:relative;height:14rem;width:auto;animation:fadeIn 3s;z-index:997;margin:.4rem .4rem .4rem -7rem}.inst-text{display:flex;flex-direction:row-reverse;align-items:center;gap:5px}.control-btn{display:flex;flex-direction:row-reverse;align-items:center;gap:6px}.inst-text-mobile{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-window,.custom-modal{display:none;align-items:center;position:absolute;inset:0;margin:auto;width:60%;height:-moz-fit-content;height:fit-content;-webkit-text-stroke:.5px rgb(31,1,70);color:#7e7e7e;transition:ease-in .5s;overflow:hidden;padding:10 20;border-radius:1em;-webkit-text-stroke:0px rgb(114,114,114);z-index:1001;background-color:#f4e9cc}.box-appearance{background-color:#fff;box-shadow:0 0 0 6px #666}.modal-window-win{animation:fadeIn 3s;transition:ease-in .5s}.button2.visit-btn,.button2.publish-btn{margin:10 auto}.button-container{width:70%;margin:0 auto;place-items:center;-moz-column-gap:10px;column-gap:10px;grid-template-columns:repeat(2,1fr)}.button-container button{width:100%;padding:13px 15px;border:none;border-radius:10px;font-size:.9rem;font-family:inherit;color:#fff;cursor:pointer}.button-container :nth-child(1),.button-container :nth-child(4){background:linear-gradient(to right,#fe8c8c,#ff5c5c)}.button-container :nth-child(2),.button-container :nth-child(3){background:linear-gradient(to bottom,#f3c487,#ffae42)}.close--translate--modal{position:absolute;top:.75;right:10}#current-text{color:#ff5c5c}#blocks-text{color:#ffae42}.modal-heading-text{text-align:center;font-size:1.6rem}#upper-outer-ring{z-index:-45;position:absolute;top:-45;left:-45;height:120px;width:120px;border-radius:120px;background-color:#ff5c5c;opacity:.2}#lower-outer-ring{z-index:-45;position:absolute;bottom:-45;right:-45;height:120px;width:120px;border-radius:120px;background-color:#ffae42;opacity:.2}#upper-inner-ring{z-index:24;position:absolute;top:0;left:0;height:100px;border-radius:100px;width:100px;background-color:#fff}#lower-inner-ring{z-index:24;position:absolute;bottom:0;right:0;height:100px;border-radius:100px;width:100px;background-color:#fff}.custom-modal{width:-moz-fit-content;width:fit-content;display:block}.more-modal{width:35%}fieldset{border:none;font-size:22px}#saveTitle,#publishTitle{border:5px solid #ff5c5c;font-size:24px;font-family:GROBOLD;border-radius:15px;width:45%}#image-id-save,#image-id-publish{border:5px solid #ffae42;font-size:24px;font-family:GROBOLD;border-radius:15px;width:45%}.prompt-modal,.prompt-publish-modal{width:60%}.button2{display:flex;font-size:15px;letter-spacing:2px;font-weight:600;flex-direction:column;align-items:center;padding:8px 20px;font-family:inherit;border-radius:10px;position:relative;z-index:23;border:none;cursor:pointer;color:#fff;background:linear-gradient(to right,#fe8c8c,#ff5c5c);background-origin:border-box;box-shadow:inset 4px 4px 4px 4px #0003;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#editor-container{border-radius:25px 0 0}#bot-img{position:relative;height:100px;left:14vw}#save-submit{margin:0 auto;font-size:20px}#img-preview-save,#img-preview-publish{position:absolute;top:4.5em;right:3em;height:150px}.close--modal,.close--dropdown--div,.close--custom-modal,.close--instruct,.fullscreen--instruct,.close--more--modal,.close--prompt--modal,.close--translate--modal,.close--prompt--publish--modal,.close--img--select--modal{display:flex;justify-content:center;align-items:center;width:26px;height:26px;border:none;border-radius:50%;font-size:16px;color:#fff;background-color:#dc143c;cursor:pointer;float:right;margin-left:1em;padding:0}.fullscreen--instruct{display:flex;align-items:center;justify-content:center;height:26px;width:26px;background-color:#ff9f1c;color:#000}#codeHolder{position:relative;display:block}.modal-content,.custom-modal-content{font-size:1em;padding:1.25rem;text-align:center}.custom-char{display:flex;justify-content:center;align-items:center}.custom-char-img,.custom-char-reward{height:2.5rem;width:auto;margin:1.5rem;background-color:#d3d3d3;border-radius:5%}.custom-char-active{background-color:#90ee90;border-radius:5%}.next-level,.submit-custom{margin:0 auto}#confetti-canvas{position:absolute;left:0;top:0;height:100vh;width:100vw}.dots__dot{background-color:#1e1b2e;color:#9ca3af;border-radius:8px;padding:.4rem .8rem;box-shadow:none;margin-right:.5rem}.dots__dot:hover{background-color:#a6c5df}.dots__dot:last-child{margin:0}.dots__dot--active{background-color:#fff;opacity:1}.dots__dot--current{box-shadow:0 0 0 2px #e50013}.dots__dot--current:hover{background-color:#a6c5df}.img-select-modal{max-width:500px}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.37);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2.5px);z-index:1000;display:none;justify-content:center;align-items:center}#dropdown-div{top:40%;left:50%;display:none;opacity:.95;font-size:15px;color:#000;box-shadow:#7b1f31 0 0 0 2px,#e56479 0 0 0 9px,inset 0 -5px 5px -3px #a89161;border-radius:15%;padding:5px 10px 5px 15px;gap:8px;background-color:#f9e8b4;flex-direction:column;align-items:center;justify-content:space-between;z-index:1001;width:200px;height:240px;transform:translate(-50%);transition:opacity .5s ease,transform .5s ease}#dropdown-div .close--dropdown--div{margin-left:auto;margin-right:auto}.logout-btn-new{position:relative;bottom:48px;padding:3px 20px;height:25%;width:80%;border-radius:60px;font-family:Georgia;font-size:20px;color:#fff;border:solid #3e80c0 2px;outline:1px solid white;cursor:pointer;box-shadow:0 6px #e56479,0 6px 10px #00000026;transition:all .1s ease-in-out;background:#1b81d5;background-image:linear-gradient(to bottom,#1b81d5,#1b81d5);text-decoration:none}.logout-btn-new:before{content:"";position:absolute;inset:0;border-radius:15px;box-shadow:inset 0 3px #fff3,inset 0 -3px #0000001a;pointer-events:none}.logout-btn-new:hover{background:linear-gradient(to right,#1b81d5,#35b3f9);transform:scale(1.05)}.logout-btn-new:active{box-shadow:0 2px #e56479,0 4px 8px #00000026;transform:translateY(2px)}.close-profile-heading-img{position:absolute;top:-20px;right:0;cursor:pointer}.close-profile-heading-img:hover{transform:scale(1.05)}#instructionsTextarea{max-width:90%;margin:0 auto;overflow:auto;padding:10px;border-radius:10px;font-family:Arial,sans-serif;font-size:14px;resize:none}.nav-bar .show-list{max-height:87.5vh;overflow-x:hidden;overflow-y:auto;padding:0;margin:1em 0 0;list-style:none}.nav-bar .show-list::-webkit-scrollbar{width:8px}.nav-bar .show-list::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px}.nav-bar .show-list::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:20px}.nav-bar .show-list{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,0)}@media only screen and (max-width: 940px){body{font-size:.85rem;background-size:cover}.blocklyDropDownDiv{padding:.5rem}@-o-viewport{width: 100vw;}@viewport{width:100vw}nav{font-size:.6rem}.header--img{width:5rem;height:auto}.header h2{font-size:.8rem;left:0;right:0;left:5rem;min-width:auto;margin:0 auto;top:1.5rem;width:-moz-fit-content;width:fit-content;padding:2px}.more-modal{width:60%}.more-modal.modal-heading-text{font-size:.2rem}.menu-icon{height:.8rem;width:auto;margin-left:12%;font-size:1rem;display:block}nav{height:2.2rem;width:2.2rem}nav ul{width:6.25rem;font-size:.6rem}.menu-icon{height:1.2rem;width:1.2rem}.nav-bar .show-list{margin-top:1.5em}.inst-text{display:none}.inst-text-mobile{display:block}.inst-text-mobile img{height:2rem;width:2rem}.button{transform:scale(1)}}@media only screen and (max-width: 1140px){.goal-box{font-size:.85rem;top:1rem;left:1vw}#img-preview-save,#img-preview-publish{height:120px;top:6rem}fieldset .modal-heading-text{font-size:1.5rem}}@media only screen and (max-width: 960px){fieldset .modal-heading-text,fieldset #current-text,fieldset #blocks-text{font-size:1.2rem}#img-preview-save,#img-preview-publish{height:100px;top:6rem;right:2rem}}@media only screen and (max-width: 760px){.button-container{grid-template-columns:none;grid-template-rows:repeat(4,1fr)}.prompt-modal,.prompt-publish-modal{width:80%}#image-id-save,#image-id-publish,#saveTitle,#publishTitle{width:80%;font-size:1rem}fieldset .modal-heading-text,fieldset #current-text,fieldset #blocks-text{font-size:1rem}#img-preview-save,#img-preview-publish{position:relative;top:0;left:0;display:flex;margin:10 auto;width:15rem;height:7.5rem}.gallery-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:25%}.instruct-parent{left:18%;top:17%}.instruction-content{width:60vw;height:50vh}.instruction-content-text{line-height:1.3;font-size:.75rem}.blocklyZoom{display:none}}@media only screen and (max-width: 500px){.gallery-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:15%}.img-activity{height:2rem;width:auto;margin:.2em;padding:.3em;border-radius:10px;background-color:#ffae42}.apt-hero{margin-left:-6rem}}@media only screen and (max-width: 300px){#img-preview-save,#img-preview-publish{height:6rem;width:12rem}}@media only screen and (max-width: 350px){nav{top:1em}.instruction-content{width:65vw;height:40vh}.apt-hero{margin-left:-4.2rem}}body{background:linear-gradient(180deg,#3b1f5c 0%,#1a0f2e 100%)}.dots__dot--current{background-color:#8b5cf6!important;color:#fff!important;box-shadow:none!important}.dots__dot--active{background-color:#8b5cf6;opacity:1}.dots__dot:hover{background-color:#7c3aed}.instruct-toggle{filter:brightness(0) invert(1)}.more{background-color:#1e1b2e;color:#fff;border-radius:8px;border:none}.more:hover{background-color:#2a2a38}.dots{gap:8px}header,.app-header,nav{background:#27183b!important}#toolbar{background:#322346!important}.app-header__trigger{background:#1e1b2e!important;color:#fff!important}.app-header__trigger svg{color:#fff!important;stroke:#fff!important;fill:#fff!important}.app-header__trigger:hover{background:#322346!important}