@import url(https://fonts.googleapis.com/css2?family=Play&display=swap);.trackElem[data-v-788a14c1]{display:inline-block;font-size:20px}.trackTitle[data-v-788a14c1]{color:#ff8;font-size:1.2em}.trackContainer[data-v-788a14c1]{display:inline-block;vertical-align:top;margin-left:6px;margin-right:6px;margin-top:12px;background:rgba(68,68,68,.2);padding:10px;border-radius:3px;width:600px;text-align:center}.playbutton[data-v-788a14c1]{background-image:url(https://jsbot.whitehot.ninja/2ftyk1.png);background-position:22px}.pausebutton[data-v-788a14c1],.playbutton[data-v-788a14c1]{background-repeat:no-repeat;background-size:80% 80%;border-radius:50%;background-color:#201;padding:0;margin:0;min-width:0;width:100px;height:100px}.pausebutton[data-v-788a14c1]{background-image:url(https://jsbot.whitehot.ninja/BGNlv.png);background-position:10px}.audioContainer[data-v-788a14c1]{background:#001;padding:5px;margin-top:5px}.date[data-v-788a14c1]{font-style:oblique;color:#ff8}.avatar[data-v-788a14c1]{height:100px;margin:3px;border-radius:50%;display:inline-block}.link[data-v-788a14c1]{background:linear-gradient(90deg,transparent,rgba(136,255,238,.26666666666666666));padding-left:12px;padding-right:12px;margin:0;font-size:40px;color:#ff0!important;font-style:oblique;height:52px;display:inline-block;vertical-align:top;margin-top:2px}.fileLink[data-v-788a14c1]{background:#204;padding:2px;word-break:break-all;max-width:400px;padding-left:12px;padding-right:12px;margin:0;border-radius:20px;font-size:14px;font-weight:400;line-height:1em;color:hsla(0,0%,100%,.7333333333333333)!important;display:inline-block;text-align:center;vertical-align:top}.tdLeft[data-v-788a14c1]{text-align:right}.tdRight[data-v-788a14c1]{text-align:left}.disabledPlayButton[data-v-788a14c1]{background-image:url(https://jsbot.whitehot.ninja/FU3vq.png);background-color:#222}.disabledPauseButton[data-v-788a14c1]{background-image:url(https://jsbot.whitehot.ninja/zAYeB.png);background-color:#222}.canvas[data-v-788a14c1]{display:inline-block;margin-left:10px;width:calc(100% - 112px);height:102px;vertical-align:top}.embedAudioContainer[data-v-788a14c1]{width:calc(100% - 30px)}.success[data-v-788a14c1]{background:#264!important}.failure[data-v-788a14c1]{background:#622!important}input[type=text][data-v-788a14c1]{color:#ff8;background:#000;padding:2px;width:500px;border:none;border-bottom:2px solid #4f8;font-size:16px}.deleteTrackButton[data-v-788a14c1]{position:relative;margin-top:-5px;margin-right:-5px;float:right;background-color:rgba(51,0,0,.6666666666666666);width:50px;min-width:0;height:50px;background-position:50%;background-size:45px 45px;background-repeat:no-repeat;background-image:url(https://jsbot.whitehot.ninja/XeGsK.png)}.commentContainer[data-v-788a14c1]{background:rgba(34,0,34,0);padding:10px;margin-top:6px}.commentsHeader[data-v-788a14c1]{font-size:28px;text-align:left;color:#0ff;width:calc(100% - 200px);background:transparent;vertical-align:top;float:left;margin-bottom:10px}.commentText[data-v-788a14c1]{color:#ff8;text-align:left;display:inline-block;font-size:18px;padding-left:10px;padding-right:10px;background:rgba(34,68,102,.4);margin-top:10px;width:calc(100% - 120px)!important;margin-left:60px}.commentInput[data-v-788a14c1]:focus{outline:none}.commentInput[data-v-788a14c1]{border:none;color:#ef8;text-align:left;vertical-align:top;display:inline-block;font-size:18px;background:rgba(0,0,17,.8);margin-top:10px;width:calc(100% - 160px)!important;margin-right:10px;margin-left:60px}.commentAvatar[data-v-788a14c1]{position:absolute;margin-left:-1px;max-height:50px;max-width:50px;width:auto;border-radius:50%;height:50px;top:auto;margin-top:-2px}.commentMain[data-v-788a14c1]{width:100%;margin-top:4px;padding-bottom:6px;border-bottom:2px solid rgba(68,136,255,.2);text-align:left}.commentUserName[data-v-788a14c1]{color:#6dc;padding:0;padding-left:50px;padding-right:5px;padding-top:2px;vertical-align:top}.commentDeleteButton[data-v-788a14c1]{background-image:url(https://jsbot.whitehot.ninja/XeGsK.png)}.commentDeleteButton[data-v-788a14c1],.commentEditButton[data-v-788a14c1]{background-repeat:no-repeat;background-size:25px 25px;background-position:50%;width:34px;height:34px!important;vertical-align:top;margin-top:-5px;border-radius:5px;background-color:rgba(255,136,136,0)}.commentEditButton[data-v-788a14c1]{background-image:url(https://jsbot.whitehot.ninja/ct1hv.png)}.newComment[data-v-788a14c1]{width:calc(100% - 100px)!important;float:left}table[data-v-788a14c1]{margin-left:auto;margin-right:auto}.loadCommentsButton[data-v-788a14c1]{padding:0;padding-left:10px;padding-right:10px;background:rgba(51,255,136,.2);color:hsla(0,0%,100%,.8);font-weight:300;font-size:24px;position:relative;display:inline-block}.smallControlButton[data-v-788a14c1]{width:32px;height:32px;background-position:50%;background-repeat:no-repeat;background-size:25px 25px;border-radius:50%;position:absolute!important;min-width:0}.loopButton[data-v-788a14c1]{background-color:#028;margin-left:-27px;margin-top:0;background-image:url(https://jsbot.whitehot.ninja/2kPCX5.png)}.highlighted[data-v-788a14c1]{background-color:#0fa;background-image:url(https://jsbot.whitehot.ninja/14MAyj.png)}.resetButton[data-v-788a14c1]{background-color:transparent;margin-left:-106px;margin-top:72px;border-radius:0;background-image:url(https://jsbot.whitehot.ninja/6aevA.png)}.jumpToNextButton[data-v-788a14c1]{background-color:transparent;margin-left:-22px;margin-top:72px;border-radius:0;background-image:url(https://jsbot.whitehot.ninja/20SIWe.png)}.singleTrack[data-v-788a14c1]{position:absolute;top:47%;margin-top:200px;margin-bottom:200px;transform:translateY(-50%)}.embedTrack[data-v-788a14c1]{position:absolute;overflow:hidden;top:0;left:0;margin:0;width:100%;background:#012;height:calc(100% - 15px)}.bumpUp[data-v-788a14c1]{margin-top:-25px}.fadePulse-enter-active[data-v-788a14c1]{transition:opacity 0s}.fadePulse-leave-active[data-v-788a14c1]{transition:opacity 1s}.fadePulse-enter[data-v-788a14c1],.fadePulse-leave-to[data-v-788a14c1]{opacity:0}.embedCode[data-v-788a14c1]{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(17,0,51,.8);z-index:3000}.embedCodeInner[data-v-788a14c1]{width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embedcodetext[data-v-788a14c1]{background:#000;width:calc(100% - 40px);text-align:left;word-break:break-all;font-family:courier,arial,tahoma;padding:20px}.copytoclipbutton[data-v-788a14c1]{background-image:url(https://cantelope.org/clippy.svg);background-position:5px 4px;background-repeat:no-repeat;background-size:25px 25px}.pulse[data-v-788a14c1]{background-color:rgba(0,255,204,.8)!important;color:#012}.embedbutton[data-v-788a14c1]{background-color:#18c;color:#cfd;text-shadow:1px 1px 1px #000;min-width:0;max-width:none;width:100px}.main[data-v-1bf912d7]{text-align:center;margin-top:60px;padding-bottom:60px}.flex[data-v-1bf912d7]{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0}.trackDiv[data-v-1bf912d7]{background:transparent;padding-top:0;transition:padding-top .5s}.highTop{padding-top:160px!important}.footerPadding{min-height:calc(100vh + 200px)}.controls[data-v-5c6beb75]{position:fixed;top:61px;z-index:1020;width:93%;height:200px;max-width:1240px;min-width:675px;background:url(https://jsbot.whitehot.ninja/Bi6Kz.png) no-repeat;background-size:100% 100%;background-position:50%;left:50%;transform:translateX(-50%);font-size:24px;text-align:center;transition:height .5s}.controlsWorkingSpace .controlsbutton[data-v-5c6beb75]{background:linear-gradient(90deg,rgba(17,85,136,.8666666666666667),rgba(17,68,85,.8666666666666667));color:#def;margin-top:-20px;margin-right:60px;margin-left:60px}.controlsWorkingSpace button[data-v-5c6beb75]:focus{outline:none}.controlsWorkingSpace[data-v-5c6beb75]{max-width:1200px;width:calc(90% - 30px);position:relative;left:50%;height:100%;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.appLogo[data-v-5c6beb75]{opacity:.6;width:130px;position:absolute;top:0;left:50%;z-index:-1;margin-left:-60px;margin-top:0}.hideImg[data-v-5c6beb75]{width:75px;height:28.5px;background:url(https://jsbot.whitehot.ninja/v9UDT.png) no-repeat;background-size:100% 100%;background-position:50%;position:absolute;top:10px;left:calc(50% - 90px);cursor:pointer}.shortControlsContainer[data-v-5c6beb75]{height:0!important}.showImg[data-v-5c6beb75]{width:75px;height:28.5px;background:url(https://jsbot.whitehot.ninja/1tgOjR.png) no-repeat;background-size:100% 100%;background-position:50%;position:absolute;top:10px;left:calc(50% - 90px);cursor:pointer}.autoPlayLabel[data-v-5c6beb75]{position:absolute;left:calc(50% + 70px);margin-top:-45px;margin-left:40px;font-size:.8em;line-height:.9em;text-align:left}.autoPlayCheckbox[data-v-5c6beb75]{margin-left:-23px;position:absolute;transform:scale(2);margin-top:11px}.curPageContainer[data-v-5c6beb75]{display:inline-block;width:270px;line-height:.8em;min-height:25px;margin-top:3px;margin-left:-15px;vertical-align:top;padding-top:0}.advancedControls[data-v-5c6beb75]{top:0;display:inline-block;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;left:50%;width:100%}.navContainer[data-v-5c6beb75]{margin-top:-50px;top:0;font-size:.7em;margin-left:auto;margin-right:auto;width:600px!important;height:100%;position:relative;z-index:0}.uploadButton[data-v-5c6beb75]{background:#0f4;width:80px;display:inline-block;text-align:center;line-height:.8em;margin-top:4px;margin-left:20px;min-width:0}.navButton[data-v-5c6beb75]{min-width:0;height:25px;padding:0;background:#0f0;margin:0;margin-left:2px;margin-right:2px;width:25px}.maxResultsLabel[data-v-5c6beb75]{margin-left:5px}.bumpLeft{margin-left:-100px}.bumpDown{margin-top:17px}.searchInput{display:inline-block;margin-bottom:10px;text-align:center}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.bump{margin-top:-57px!important}.account{margin:0}.userButtonContainer{float:right;//margin-left:80px;margin-top:-2px;width:80px}.userbutton:focus{outline:none}.userbutton{font-size:12px;min-width:50px;margin:0;margin-top:1px;margin-bottom:1px;padding:1px;padding-bottom:2px;padding-left:8px;padding-right:8px;min-width:70px}.loginButton{font-size:.72em;margin-top:15px;background:#123;color:#afc}.appName[data-v-3c53ffe8]{float:right;position:relative;top:50%;padding:2px;transform:translateY(-50%);text-decoration:none;background:rgba(17,51,85,0) url(https://jsbot.whitehot.ninja/1GY3GM.png) no-repeat;background-position:10px 50%;background-size:50px 50px;height:50px;z-index:100;border-radius:10px;min-width:180px}.appNameText[data-v-3c53ffe8]{position:absolute;top:50%;color:#f80;line-height:.8em;text-align:right;padding-right:5px;padding-bottom:2px;right:0;transform:translateY(-50%)}.clear[data-v-3c53ffe8]{clear:both}.header[data-v-3c53ffe8]{position:fixed;top:0;left:0;z-index:1000;height:60px;width:100%;background:linear-gradient(90deg,rgba(0,0,0,.5333333333333333),rgba(0,51,68,.8),rgba(0,0,0,.5333333333333333));border-bottom:1px solid rgba(34,238,255,.4);font-size:24px;text-align:center;overflow:hidden}.workingSpace[data-v-3c53ffe8]{max-width:1200px;position:relative;left:50%;height:100%;transform:translate(-50%)}.loggedInTitle[data-v-3c53ffe8]{position:absolute;margin-left:10px;margin-top:5px;top:0;left:0;color:#ff6;font-size:16px;text-align:left;line-height:1.6em}.loggedinDiv[data-v-3c53ffe8]{position:absolute;height:60px;width:250px;top:0}.username[data-v-3c53ffe8]{font-size:1em}a[data-v-3c53ffe8]{color:#ff0!important;text-decoration:none}.uploadModal[data-v-3c53ffe8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,17,.8666666666666667);z-index:30000;line-height:1.05em}.uploadProgressContainer[data-v-3c53ffe8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,34,17,.8666666666666667);z-index:30020;line-height:1.05em}.uploadModalInner[data-v-3c53ffe8]{position:absolute;top:calc(50% - 60px);left:50%;width:400px;height:280px;background:rgba(17,0,51,.7333333333333333);z-index:30000;box-shadow:0 0 100px 100px rgba(17,0,51,.7333333333333333);transform:translate(-50%,-50%);border-radius:10px}.dragover[data-v-3c53ffe8]{background:rgba(17,68,51,.4)}.progressBar[data-v-3c53ffe8]{width:80%;height:16px;margin-left:auto;margin-right:auto;margin-top:10px}.progressBarInner[data-v-3c53ffe8]{background:rgba(0,255,68,.5333333333333333);height:100%}.progressBarInnerOutline[data-v-3c53ffe8]{border:1px solid rgba(136,255,204,.2);height:100%}.progressText[data-v-3c53ffe8]{position:absolute;font-size:16px;left:50%;transform:translate(-50%,-90%);text-shadow:1px 1px 2px #000}.commentContainer[data-v-3c53ffe8]{background:rgba(34,0,34,0);padding:10px;margin-top:6px}.commentsHeader[data-v-3c53ffe8]{font-size:28px;text-align:left;color:#0ff;background:transparent;vertical-align:top}.commentText[data-v-3c53ffe8]{color:#ccc;text-align:left;min-width:200px;display:inline-block;font-size:18px;padding-left:10px;padding-right:10px;background:#024;width:calc(100% - 470px);margin-left:10px}.commentInput[data-v-3c53ffe8]:focus{outline:none}.commentInput[data-v-3c53ffe8]{border:none;color:#ef8;text-align:left;vertical-align:top;display:inline-block;font-size:18px;background:rgba(0,0,17,.8);margin-left:10px}.commentAvatar[data-v-3c53ffe8]{position:absolute;margin-left:-51px;width:500px;height:500px;max-height:30px;max-width:40px;margin-top:-2px}.commentMain[data-v-3c53ffe8]{width:100%;margin-top:4px;padding-bottom:6px;border-bottom:2px solid rgba(68,136,255,.2);text-align:left}.commentUserName[data-v-3c53ffe8]{color:#6dc;padding:0;padding-left:50px;padding-right:5px;padding-top:2px;vertical-align:top}.commentDeleteButton[data-v-3c53ffe8]{background-image:url(https://jsbot.whitehot.ninja/XeGsK.png)}.commentDeleteButton[data-v-3c53ffe8],.commentEditButton[data-v-3c53ffe8]{background-repeat:no-repeat;background-size:25px 25px;background-position:50%;width:34px;height:34px;vertical-align:top;margin-top:-5px;border-radius:5px;background-color:rgba(255,136,136,0)}.commentEditButton[data-v-3c53ffe8]{background-image:url(https://jsbot.whitehot.ninja/ct1hv.png)}.newComment[data-v-3c53ffe8]{width:calc(100% - 100px)!important;float:left}.curPageContainer[data-v-3c53ffe8]{width:270px;transform:translateX(-50%);min-height:25px;margin-top:32px;margin-left:30px;vertical-align:top;padding-top:0;font-size:.8em}.curPageContainer[data-v-3c53ffe8],.uploadButton[data-v-3c53ffe8]{position:absolute;display:inline-block;line-height:.8em;z-index:1000}.uploadButton[data-v-3c53ffe8]{margin:0;background:#0f4;width:80px;text-align:center;min-width:0;margin-top:5px;margin-left:65px}.navButton[data-v-3c53ffe8]{min-width:0;height:25px;padding:0;background:#0f0;margin:0;margin-left:2px;margin-right:2px;width:25px}.disabled[data-v-3c53ffe8]{background:#888}.bumpLeft[data-v-3c53ffe8]{margin-left:-30px}.bumpDown[data-v-3c53ffe8]{margin-top:17px!important;margin-left:0}.infoButton[data-v-3c53ffe8]{position:relative;width:40px;height:40px;top:10px;margin-right:5px;float:right;background-image:url(https://jsbot.whitehot.ninja/WEOZD.png);background-repeat:no-repeat;background-size:40px 40px;background-position:50%;cursor:pointer}.jumpButton[data-v-3c53ffe8]{background-image:url(https://jsbot.whitehot.ninja/1RptlQ.png);background-size:cover;position:absolute;margin-top:5px;margin-left:15px;z-index:1000}.footerBar[data-v-22f816e0]{opacity:1;position:fixed;z-index:99;bottom:0;width:100%;text-align:center;height:45px;font-size:32px;color:#603;background:linear-gradient(90deg,#000,rgba(34,34,34,.6666666666666666));transition:opacity 2s}.socialIcon[data-v-22f816e0]{height:28px;margin-bottom:4px}.socialButton[data-v-22f816e0]{width:60px!important}button[data-v-22f816e0]{cursor:pointer;margin:5px;padding:2px;border-radius:5px;background:#123;border:1px solid rgba(17,170,238,.5333333333333333);font-weight:900;color:#204;font-size:30px;height:35px;min-width:40px!important;max-width:50px;font-family:Oxanium}.infoButton[data-v-22f816e0]{width:40px;height:40px;top:10px;display:inline-block;margin-bottom:-3px;margin-left:-5px;margin-right:5px;background-image:url(https://jsbot.whitehot.ninja/WEOZD.png);background-repeat:no-repeat;background-size:40px 40px;background-position:50%;cursor:pointer}.LoginPrompt{position:fixed;width:100vw;height:100vh;z-index:10000;top:0;background:rgba(0,17,34,.9333333333333333);text-align:center}.mainLoginContainer{position:absolute;left:50%;top:45%;min-width:320px;min-height:200px;border-radius:10px;background:#024;padding:20px;color:#ff0;transform:translate(-50%,-50%)}.userNameUnavailable{background:rgba(187,68,68,.4)!important}.passwordsDoNotMatch{background:rgba(187,68,68,.4)}.passwordsMatch,.userNameAvailable{background:rgba(68,187,68,.4)!important}.invalidLogin{color:#f43;background:#400;padding:10px;width:290px;margin-left:auto;margin-right:auto;font-size:20px}.mustRegister{font-size:26px;color:#4f8;background:#258;padding:10px}.UserSettings{position:absolute;width:100vw;height:100vh;z-index:10000;top:0;background:rgba(0,17,34,.9333333333333333);text-align:center}.mainContainer{position:absolute;left:50%;top:45%;font-size:24px;min-width:320px;min-height:200px;border-radius:10px;background:#024;padding:20px;color:#ff0;transform:translate(-50%,-50%)}.inputTitle{text-align:left;width:300px;margin-left:auto;margin-right:auto}.inputContainer{padding:10px}.title{font-size:2em}.input{width:calc(100% - 5px);font-size:16px}.toggleButton{position:absolute;transform:translate(-55%,-36px);background:#6df}.disabledButton{color:#888;background:#333}.editAvatarImgContainer{margin-top:15px;width:250px;height:250px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#333,#000)}.editAvatarImg{margin-top:50%;transform:translateY(-50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.passwordFields{text-align:center;background:rgba(0,0,0,.26666666666666666);border:none;border-bottom:2px solid #2fa;width:calc(100% - 5px);color:#ffa;font-size:22px;max-width:320px}.passwordsDoNotMatch{background:rgba(187,68,68,.4)!important}.passwordsMatch{background:rgba(68,187,68,.4)!important}.avatarInput{font-size:16px!important}#app{min-width:475px}html{scroll-behavior:smooth}body,html{margin:0;overflow-X:hidden;font-family:Play;color:#8fc;min-height:100%;min-width:475px}body{background:#011}input[type=text]{font-size:24px;background:rgba(0,0,0,.26666666666666666);border:none;border-bottom:2px solid #2fa;width:300px;color:#ffa}button{font-family:Play;font-size:18px;border:none;border-radius:6px;background:#adc;padding:4px;padding-bottom:6px;padding-left:10px;padding-right:10px;font-weight:900;margin:10px;min-width:140px;cursor:pointer}hr{border:2px solid rgba(0,170,170,.6666666666666666);line-height:0;height:0;padding:0}a,button{cursor:pointer}a{color:#fa0;text-decoration:none}span{cursor:default}.input{text-align:center;font-size:24px;background:rgba(0,0,0,.26666666666666666);border:none;border-bottom:2px solid #2fa;width:300px;color:#ffa}.input:focus{outline:none}.spacerDiv{width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(68,221,221,.5333333333333333),transparent);margin-top:.3em;margin-bottom:.3em}input[type=checkbox]{transform:scale(1.5);margin:8px;margin-left:5px}input:focus{outline:none}option{text-align:center}select{background:#012;color:#ff0}button:focus,select:focus{outline:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#133}::-webkit-scrollbar-thumb{background:#366}::-webkit-scrollbar-thumb:hover{background:#588}.checkboxLabel{display:inline-block;position:relative;padding-left:35px;margin-bottom:-2px;margin-left:30px;margin-top:3px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkboxLabel input{opacity:0;height:0;width:0}.checkboxLabel input,.checkmark{position:absolute;cursor:pointer}.checkmark{top:0;left:0;height:25px;width:25px;border:1px solid rgba(34,68,102,.5333333333333333);background-color:#123}.checkboxLabel:hover input~.checkmark{background-color:#234}.checkboxLabel input:checked~.checkmark{background-color:#086}.checkmark:after{content:"";position:absolute;display:none}.checkboxLabel input:checked~.checkmark:after{display:block}.checkboxLabel .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}