@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap);:root{--background-color:#000;--secondary-background-color:#202020;--text-color:#f5f5f5;--bright-text-color:#fff;--dark-text-color:grey;--primary-color:#ffa600;--danger-color:#c00;--validate-color:#6495ed;--pro-color:#ffa600;--opposite-color:#4d8bff}.variablebackup{--jab-color:#b81430;--straight-color:#b85814;--hook-color:#81b814;--uppercut-color:#14b822;--front-kick-color:#14b89c;--side-kick-color:#1458b8;--slip-color:#4b14b8;--weave-color:#b814aa;--primary-color:#ffa600;--danger-color:#c00;--pro-color:#0cc}@font-face{font-family:Clock;src:local("Clock"),url(/static/media/clockFont.81b4bd9230069b72f5e8.ttf) format("truetype")}@font-face{font-family:Chalk;src:local("Chalk"),url(/static/media/chalkFont.f8c9cde696ac5163dbf5.ttf) format("truetype")}@font-face{font-family:Mogra;src:local("Mogra"),url(/static/media/mogra.77ed8d590d1cf43d336b.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-weight:600;overscroll-behavior-y:contain}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background-color:#000;color:#f5f5f5}button{background:none;border:none;font-size:16px}button,select{font-family:Montserrat,sans-serif;font-weight:600}select{background:#000}p{margin-bottom:10px;margin-top:10px}h1{color:#f5f5f5;font-size:24px;font-weight:800;margin-left:10px}h2{font-size:22px;margin:15px 10px 5px;width:calc(100% - 20px)}h2,h3{color:#f5f5f5;font-weight:600;text-align:left}h3{font-size:18px;margin-bottom:5px;margin-top:10px}input{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}select{background-color:inherit;border:none;color:#f5f5f5;font-family:inherit;font-size:inherit;max-width:calc(100vh - 60px);padding:3px;text-align:center}select:active,select:focus{outline:none}.button{align-items:center;background-color:#000;border:1px solid #d3d3d3;border-radius:5px;color:#f5f5f5;cursor:pointer;display:flex;justify-content:center;margin-left:5px;margin-right:5px;padding:5px;text-align:center;transition:background-color .1s ease-out}.button:focus{outline:none}.fullScreen{height:100vh;width:100vw}.fadeIn{animation:fadein .2s ease-out}.fadeOut{animation:fadeout .35s ease-out}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.cancelButton{border-color:var(--danger-color);color:var(--danger-color)}.confirmButton{border-color:#6495ed;color:#6495ed}.doneButton{border-color:#d3d3d3;color:#d3d3d3;margin-bottom:10px;margin-top:20px}.startButton{border-color:var(--primary-color);border-width:1px}.shareButton{border-color:var(--opposite-color);border-width:21x}.react-switch-bg{border:1px solid #404040;border-radius:30px!important}.react-switch-handle{top:1px!important}.blur{filter:blur(8px) brightness(75%);pointer-events:none;z-index:-1}.blur,.logoBar{transition:filter .2s ease-out}.logoBar{align-items:center;display:flex;height:50px;justify-content:center;position:absolute;top:0;width:100%}.logotext{max-height:95%;max-width:95%}.footer{align-items:flex-start;align-self:flex-end;background-color:#000;color:grey;display:flex;font-size:12px;height:20px;justify-content:center;width:100%}.footer.absolute{position:absolute;top:calc(100vh - 20px);width:100%}.footerText{height:13px}.backButtonDiv{align-items:center;display:flex;height:65px;justify-content:center;margin-top:8px;position:absolute;top:calc(100vh - 40px);width:100%}.arriveFromTop{animation:arriveFromTop .2s ease-out}.leaveToTop{animation:leaveToTop .2s ease-out}@keyframes leaveToTop{0%{transform:translate(0)}to{transform:translateY(-50vh)}}@keyframes arriveFromTop{0%{transform:translateY(-50vh)}to{transform:translate(0)}}.arriveFromBottom{animation:arriveFromBottom .3s ease-out}@keyframes arriveFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vanishToBottom{animation:vanishToBottom .3s ease-out}@keyframes vanishToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.appearAfterTime{animation:appearAterTime .6s ease-out}@keyframes appearAterTime{0%{opacity:0}70%{opacity:0}to{opacity:1}}.backToTraining{background-color:#000;border:3px solid var(--primary-color);border-radius:5px;color:#fff;font-size:25px!important;height:70%;padding:2px;text-align:center;vertical-align:center;width:93%}.backToTraining:focus{outline:none}.backToTraining:active{background-color:#fff;color:#000;outline:none}.innerScrollContainer{-ms-overflow-style:none;height:calc(100vh - 75px);overflow:scroll;overflow-y:scroll;position:absolute;scroll-behavior:smooth;scrollbar-width:none;top:50px;width:100vw}.innerScrollContainer.noLogoBar{top:0}.innerScrollContainer::-webkit-scrollbar{height:0;width:0}.noScrollBar{-ms-overflow-style:none;scrollbar-width:none}.noScrollBar::-webkit-scrollbar{height:0;width:0}.navBarDiv{flex-direction:row;height:30px;position:absolute;top:calc(100vh - 115px);width:100%}.navBarDiv,.navBarItem{align-items:center;display:flex;justify-content:center}.navBarItem{color:grey;cursor:pointer;font-size:.3em;margin:4px}.currentPageDot{color:#f5f5f5;font-size:.4em}.popup{background-color:#080808;border-radius:10px;box-shadow:0 0 20px #000;color:#f5f5f5;display:flex;flex-direction:column;left:50vw;max-width:400px;position:absolute;top:50vh;transform:translate(-50%,-50%);width:85vw;z-index:133}.popup p{padding:5px}.popupText{align-items:center;flex-grow:2;text-align:center}.popupButtons,.popupText{display:flex;justify-content:center}.popupButtons{border-top:1px solid grey;flex-direction:row;height:40px}.popupButton{background-color:#080808;border:none;font-size:16px;min-height:40px;text-align:center;width:50%}.cancelPopupButton{border-bottom-left-radius:10px;border-right:1px solid grey;color:var(--danger-color)}.confirmPopupButton{border-bottom-right-radius:10px;color:#6495ed}.onlyPopupButton{border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:100%!important}.popupButton:focus{outline:none}.alertButton{background-color:#080808;border:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid grey;color:#6495ed;font-size:16px;height:40px;text-align:center}.alertButton:focus{outline:none}.profilePopup{filter:blur(0)!important;top:calc(50vh - 50px)}.popupTitle{padding:10px 10px 0;text-align:center}.popupSection{color:#d3d3d3;padding:10px}.chooseSettingsPopupButton{color:#6495ed;width:100%}.chooseSettingsCancelButton,.chooseSettingsPopupButton{background-color:#080808;border:none;border-top:1px solid grey;font-size:16px;height:40px;text-align:center}.chooseSettingsCancelButton{border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:var(--danger-color);font-weight:700}.popupForm{width:100%}.form input{background:#080808}.form label{padding:10px 0}.disabledPopupButton{color:grey}.popupFormElement{align-items:center;display:flex;flex-direction:row;font-size:16px;justify-content:space-between;margin:10px;padding:10px;text-align:center;width:90%}.secondaryPopupText{color:#d3d3d3;font-size:90%}.infoMessage{animation-name:dropandrise;background-color:#101010;border:1px solid;border-radius:5px;color:#f5f5f5;left:50%;overflow:auto;padding:15px 5px;position:absolute;text-align:center;top:10px;transform:translateX(-50%);vertical-align:center;white-space:pre-line;width:90%;z-index:444}@keyframes dropandrise{0%{opacity:0;transform:translate(-50%,-100%)}10%{opacity:1;transform:translateX(-50%)}80%{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translate(-50%,-1000%)}}.closeInfoX{background:none;border:none;color:#d3d3d3;position:absolute;right:0;top:2px}.halfWidth{width:50%}.disabled{border:1px solid #505050;border-radius:10px;opacity:.7;padding-left:2px;transform:scale(.95)}.disabled.noBorder{border:none!important}.closePopupX{background:none;border:none;color:#d3d3d3;position:absolute;right:0;top:2px;z-index:1234}.purchaseFlowPage{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;justify-content:space-evenly;max-width:600px;min-height:calc(100% - 70px);padding:10px;position:absolute;top:50px;transition:filter .2s ease-out;width:calc(100% - 20px)}.purchaseFlowPage h1{text-align:center}.puurchaseFlowButton{border:3px solid var(--primary-color);border-radius:10px;color:#fff;font-size:16px;max-width:500px;min-height:40px;padding:10px}.login,.puurchaseFlowButton{background-color:#000;width:80%}.login{border:1px solid grey;border-radius:5px;left:50%;max-width:400px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.login p{color:#d3d3d3}.form{align-items:center;display:flex;flex-direction:column;justify-content:center}.form input::placeholder{color:grey}.form input{background:#000;border:none;border-bottom:1px solid #d3d3d3;color:#f5f5f5;padding:5px 5px 0;width:100%}.form input:focus{border-bottom:2px solid #f5f5f5;outline:none}.form button{font-size:16px}.form label{align-self:flex-start;color:#d3d3d3;display:block}.formElement{align-items:center;display:flex;flex-direction:column;font-size:16px;justify-content:center;margin:10px;width:90%}.inputError{border-bottom-color:var(--danger-color)!important}.validInput{border-bottom-color:#6495ed!important}.errorMessage{color:var(--danger-color);font-size:.9em;width:100%}.disabledButton{opacity:.7}.loginButton{width:100%}.toggleSignUpLink{text-decoration:underline}.loginErrorDiv{align-items:center;display:flex;flex-direction:column;justify-content:space-between;justify-content:center}.loginErrorMsg{color:var(--danger-color);margin-bottom:20px}.extraLoginText,.loginErrorMsg{text-align:center}.purchaseHighlightedText{font-weight:700}.purchaseSubs{font-size:22px;padding:10px;text-align:center}.purchaseSubs.smallFont{font-size:16px}.purchaseSub{margin-bottom:10px}.purchaseFeatures{color:#f5f5f5;padding:2px}.purchaseFeature{align-items:center;display:flex;margin-bottom:10px;margin-left:15px}.purchaseFlowParagraph{align-self:self-start;color:#f5f5f5;padding:10px;text-align:center;width:calc(100% - 10px)}.hidden{display:none;visibility:hidden}.cookieWarning{align-items:center;color:grey;display:flex;flex-direction:column;font-size:12px;height:min(15vh,50px);justify-content:center;padding:0 2vw}.pleaseCookies{margin-top:2px}.privacyPolicyScreen{align-items:center;background:#000;display:flex;flex-direction:column;font-size:14px;text-align:left!important;z-index:201}.privacyPolicyScreen a{color:#d3d3d3;text-decoration:underline}.privacyPolicyScreen h1{color:#d3d3d3}.privacyPolicyText{flex-grow:2;overflow-y:scroll;padding:20px}.toggleCookies{align-items:center;background-color:#000;bottom:20px;color:#f5f5f5;display:flex;flex-direction:row;flex-wrap:wrap;font-size:16px;justify-content:center;padding:5px 20px;position:absolute;width:100%}.cookieLabel{margin-right:20px;text-align:center}.purchaseCTAButton{align-items:center;background-color:var(--pro-color);border-radius:10px;color:#000;display:flex;flex-direction:row;flex-wrap:wrap;font-size:18px;font-weight:700;justify-content:center;max-width:400px;min-height:56px;overflow:hidden;padding:10px;position:relative;width:80vw}@keyframes slide{0%{transform:translateX(-100%) rotate(10deg)}20%{transform:translateX(100%) rotate(10deg)}to{transform:translateX(100%) rotate(10deg)}}.purchaseCTAButton:disabled{cursor:default;opacity:.5}.loader{animation:load3 1.4s linear infinite;background:#fff;background:linear-gradient(90deg,#fff 10%,#fff0 42%);border-radius:50%;font-size:10px;height:6em;margin:20px auto;position:relative;text-indent:-9999em;transform:translateZ(0);width:6em}.loaderBefore{background:#fff;border-radius:100% 0 0 0;height:50%;width:50%}.loaderAfter,.loaderBefore{content:"";left:0;position:absolute;top:0}.loaderAfter{background:#000;border-radius:50%;bottom:0;height:75%;margin:auto;right:0;width:75%}@keyframes load3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#payment-message{color:var(--danger-color);font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-element{margin-bottom:6px}@media only screen and (max-width:600px){form{min-width:0;min-width:auto;width:80vw}}.submitButton{background:var(--primary-color);border:0;border-radius:4px;box-shadow:0 4px 5.5px 0 #00000012;color:#000;cursor:pointer;display:block;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.submitButton:hover{filter:contrast(120%)}.submitButton:disabled{cursor:default;opacity:.5}.spinner,.spinner:after,.spinner:before{border-radius:50%}.spinner{box-shadow:inset 0 0 0 2px;color:inherit;font-size:22px;height:20px;margin:0 auto;position:relative;text-indent:-99999px;transform:translateZ(0);width:20px}.spinner:after,.spinner:before{content:"";position:absolute}.spinner:before{animation:loading 2s ease 1.5s infinite;border-radius:20.4px 0 0 20.4px;height:20.4px;left:-.2px;top:-.2px;transform-origin:10.4px 10.2px}.spinner:after,.spinner:before{background:inherit;width:10.4px}.spinner:after{animation:loading 2s ease infinite;border-radius:0 10.2px 10.2px 0;height:10.2px;left:10.2px;top:-.1px;transform-origin:0 10.2px}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.customFloater{color:#fff;margin-bottom:10px;position:relative}.customFloater,.customFloater.withErrorMessage{transition:height .35s ease 0ms}.customFloater input{background-color:#202020;border:1px solid #363636;border-radius:4px;box-sizing:border-box;color:#fff;font-weight:400;padding:24px 45px 6px 6px;width:100%}.customFloater input:focus{border-color:#6494ed66;box-shadow:0 2px 4px #00000080,0 1px 6px #00000040,0 0 0 3px #6494ed40,0 1px 1px 0 #ffffff1f;outline:0}.customFloater .hidden-placeholder::placeholder{opacity:0}.customFloater label{font-size:16px!important;font-weight:400;margin-left:7px!important;pointer-events:none;position:absolute;transform:translateY(16px) scale(1);transform-origin:top left!important;transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .5s cubic-bezier(.19,1,.22,1);will-change:transform;z-index:1}.customFloater .label-floating{opacity:.8;padding-bottom:2px;transform:translateY(7px) scale(.888888)}.customFloater .errorMessage{color:var(--danger-color);font-size:.93rem;font-weight:400;margin-top:2px}.customFloater .invalid-input{border-color:var(--danger-color);box-shadow:0 2px 4px #00000080,0 1px 6px #00000040,0 0 0 1px var(--danger-color);color:var(--danger-color)}.smoothHeightIncrease{animation:smooth-height-increase .35s ease}@keyframes smooth-height-increase{0%{max-height:0}to{max-height:120px}}.sharingImage{height:min(80vw,80vh);max-height:400px;max-width:400px;width:min(80vw,80vh)}.clickable{cursor:pointer}.button:hover,.clickable:hover{filter:contrast(120%)}.button:hover{background-color:silver;color:#000}.clickable.config-icon:hover{color:silver}.hoverPrimary:hover{background-color:var(--primary-color)}.hoverOpposite:hover{background-color:var(--opposite-color)}.hoverDanger:hover{background-color:var(--danger-color)}.clickable.addGroupCard:hover{border-color:silver!important;color:silver!important}.removeButton:hover{color:var(--danger-color)}.speedDisplayThird{height:70px;text-align:center}.speedDisplay{font-size:50px;height:60px;margin-left:5px;margin-right:5px;overflow:hidden;width:70px}.speedDisplay,.speedInput{align-items:center;display:flex;justify-content:center}.speedInput{flex-direction:row;height:100%;width:100%}.speedConfig{color:silver;height:90px;left:50%;position:absolute;top:20%;transform:translate(-50%,-50%);width:100%;z-index:2}.hiddenplusMinusButton{font-size:17px;font-weight:lighter;height:100%}.plusMinusButton{color:grey;font-size:20px;font-weight:lighter;height:100%}.plusMinusButton:active{color:#fff}.insideSpeedDisplay{display:flex;flex-direction:column;height:180px;justify-content:space-between}.insideSpeedDisplay.plus{animation:upspeed .23s ease-out}.insideSpeedDisplay.minus{animation:downspeed .23s ease-out}@keyframes upspeed{0%{transform:translateY(0)}to{transform:translateY(-33.3%)}}@keyframes downspeed{0%{transform:translateY(0)}to{transform:translateY(33.3%)}}.rotateIcon{animation:rotateToPortrait 2s ease-out 3;transform:rotate(-90deg)}@keyframes rotateToPortrait{0%,25%{transform:rotate(-45deg)}50%,to{transform:rotate(-135deg)}}.purchaseFlowWindow{align-items:center;background:#303030;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;max-height:95vh;max-width:500px;padding-bottom:15px;padding-top:10px;position:absolute;width:100vw}.purchaseFlowWindow h2{margin-top:10px;text-align:center}.fullWidth{margin-left:0;width:100%}.reasonableWidth{max-width:500px;width:min(90%,90vw)}.configPane{align-items:center;background-color:#000;display:flex;flex-direction:column;font-size:16px;min-height:100%;position:absolute;text-align:center;width:100%}.configPane.abovePane{z-index:8}.configPane button{font-size:16px}.configPane h2{align-items:center;display:flex}.basicConfig{color:#f5f5f5;flex-direction:row;margin-top:.83em;width:100vw}.basicConfig,.basicConfigItem{align-items:center;display:flex;justify-content:space-around}.basicConfigItem{flex-direction:column;height:5vh;margin-bottom:1vh;margin-top:1vh;min-height:40px;width:30vw}.label{margin-bottom:2px;margin-right:5px;text-align:center}.labelOut{animation:fadeout 155ms ease-out}.labelIn{animation:fadein 125ms ease-out}.arriveFromLeft{animation:arrivefromleft .2s ease-out}@keyframes arrivefromleft{0%{opacity:0;transform:translateX(-150%)}to{opacity:1;transform:translateX(0)}}.arriveFromLeft.leave{animation:leavetoleft .2s ease-in}@keyframes leavetoleft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-150%)}}.sideMoveLibrary{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly}.categoryMoves,.moveLibrarySideContainer{align-items:center;display:flex;justify-content:space-evenly}.categoryMoves{flex-direction:row;flex-wrap:wrap;margin-bottom:4px;margin-top:4px;width:100%}.moveButton{align-items:center;background-color:#000;border-radius:5px;border-width:thin;color:#f5f5f5;display:flex;flex-direction:column;font-size:12px;height:25px;justify-content:center;margin:2px;padding:1.5px;text-align:center;width:90px}.moveButtonSide{font-size:70%;font-weight:400}.addedMoves .cleared{opacity:0;transform:translateX(200%);transition:all .23s ease-out}.addedMoves .added{opacity:0;transform:translateX(-200%);transition:all .23s ease-out}.addedMoves .shake{animation:shake .15s linear 0s infinite}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-2%)}75%{transform:translateX(2%)}to{transform:translateX(0)}}.addedMoves{align-items:center;background-color:#000;border:1px solid #d3d3d3;border-radius:5px;color:#d3d3d3;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:8px 0 5px;min-height:34px;overflow:hidden;padding-left:5px}.arriveFromRight{animation:arrivefromright .2s ease-out}@keyframes arrivefromright{0%{opacity:0;transform:translateX(150%)}to{opacity:1;transform:translateX(0)}}.arriveFromRight.leave{animation:leavetoright .2s ease-in}@keyframes leavetoright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(150%)}}.addedMovesMsg{animation:fadein .2s ease-out;font-size:14px;pointer-events:none}.addMoveButtons{display:flex;height:30px;justify-content:center;overflow:hidden}.addMoveButtons .button{animation:arrivefromtop .2s ease-out}@keyframes arrivefromtop{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.addMoveButtons.cleared .button{animation:leavetotop .33s ease-out}@keyframes leavetotop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50%)}}.addMoveMessage{color:var(--danger-color)}.comboContainer{display:flex;margin-top:5px;opacity:1}.allCombos{display:flex;flex-direction:column;justify-content:flex-start}.leaveLeft{opacity:0;transform:translateX(-150%);transition:all .23s ease-in}.dimmed{transform:scale(.95);transition:transform .2s ease-out}.warningSign{align-items:center;background-color:#000;border:none;color:#fff;display:flex;flex-direction:column;justify-content:center}.tooltip{position:relative}.tooltip .righttooltiptext{background-color:#d3d3d3;border-radius:6px;color:#000;font-size:12px;left:105%;opacity:.95;padding:1vh;position:absolute;text-align:center;top:5px;visibility:hidden;white-space:nowrap;z-index:1}.tooltip:hover .righttooltiptext{visibility:visible}.redRemoveButton{color:var(--danger-color)!important;transform:rotate(-180deg) scale(1.2)!important}.redRemoveButton,.removeButton{transition:transform .3s ease-out!important}.removeButton{align-items:center;color:gray;display:flex;justify-content:center;margin-right:2px;transform:rotate(0deg)}.removeButton:focus{outline:none}.comboDisplay{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding-bottom:2px;transition:transform .3s ease-out;width:100%}.comboDisplay .moveButton:hover{cursor:default}.flipOut{animation:flipout .2s linear}.flipIn{animation:flipin .2s linear}.flipBackOut{animation:flipbackout .2s linear}.flipBackIn{animation:flipbackin .2s linear}@keyframes flipout{0%{opacity:1;transform:rotateX(0deg)}to{opacity:0;transform:rotateX(90deg)}}@keyframes flipin{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes flipbackin{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes flipbackout{0%{opacity:1;transform:rotateX(0deg)}to{opacity:0;transform:rotateX(-90deg)}}.flipLeft{animation:flipleft .2s linear}.flipRight{animation:flipright .2s linear}.flipBackLeft{animation:flipbackleft .2s linear}.flipBackRight{animation:flipbackright .2s linear}@keyframes flipleft{0%{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(90deg)}}@keyframes flipright{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0deg)}}@keyframes flipbackright{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0deg)}}@keyframes flipbackleft{0%{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}.sureQuestion{color:#f5f5f5}.bottomButtonContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:10px}.linkButton{border-color:#d3d3d3;color:#d3d3d3;margin-bottom:2px;margin-left:0!important;margin-top:8px;width:100%}.showLink{display:flex;justify-content:space-between;width:100%}.showLink input{font-family:Montserrat,sans-serif;width:90%}.linkText{background-color:#000;border:1px solid grey;border-radius:5px;color:grey;margin-left:5px;padding:5px;text-align:center;transition:background-color .2s linear,color .2s linear;width:100%}.linkText:focus{outline:none}.languageSettings{align-items:center;border-color:#d3d3d3;color:#d3d3d3;display:flex;justify-content:center;margin-bottom:5px;margin-left:0!important;margin-top:8px;width:100%}.languageSettingsLabel{padding-right:10px;text-align:right}.languageButton{border-color:#303030;color:#303030}.languageButton,.languageButtonFocus{height:30px;margin-left:10px;margin-right:10px;transition:color .3s linear,border-color .3s linear;width:30px}.languageButtonFocus{border-color:#d3d3d3;color:#d3d3d3}.movesPurchaseHook{background-color:#000;border:2px solid green;border-radius:5px;color:#fff;justify-content:center;margin:8px 0 5px;min-height:34px;overflow:hidden;padding:5px}.groupCards,.movesPurchaseHook{align-items:center;display:flex}.groupCards{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding-left:5px;transition:flex-wrap .2s ease-out}.groupCards.mini{flex-wrap:nowrap;justify-content:left!important}.groupCardsContainer{-ms-overflow-style:none;overflow:scroll;scrollbar-width:none;width:100%}.groupCardsContainer::-webkit-scrollbar{height:0;width:0}.groupCard{justify-content:space-evenly;transition:height .2s ease-out,width .2s ease-out;width:120px}.breakGroupCard,.groupCard{align-items:center;border:1px solid #f5f5f5;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;height:120px;margin:5px;overflow:hidden;position:relative}.breakGroupCard{justify-content:center;transition:height .2s ease-out;width:50px}.breakGroupCard.groupTitle{font-size:50%}.groupCard.mini{border:1px solid #d3d3d3!important;height:40px!important;margin:0 2px!important;width:100px!important}.groupCard.shiny{border:1px solid #fff!important;margin:0 3px!important}.addGroupCard{align-items:center;border:1px dashed #d3d3d3;border-radius:10px;display:flex;flex-direction:column;height:115px;justify-content:center;margin:5px;overflow:hidden;padding:5px;position:relative;transition:height .2s ease-out;width:115px}.addGroupCard.mini{flex-shrink:0;height:38px!important;margin:5px!important;padding:0;width:98px!important}.backgroundGroupMove{align-self:stretch;color:#d3d3d3;flex-grow:1;font-size:60%;height:100%;transition:border-color .2s ease-out}.groupCombo{align-items:stretch;display:flex;flex-direction:row;justify-content:stretch}.groupText{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;height:calc(100% - 10px);justify-content:center;left:50%;padding:5px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:calc(100% - 10px)}.groupTitle{word-wrap:break-word;font-size:20px;line-height:1em;max-width:95%;vertical-align:middle}.groupTitle.dimmed{color:#d3d3d3!important}.groupTitle.shiny{color:#f5f5f5!important}.groupFullsize{height:100%}.groupBlackener{background-color:#000;opacity:.3}.comboConfig{animation:arrivefromtop .2s ease-out}.comboConfig.leave{animation:leavetotop .2s ease-in}.comboConfigContainer{overflow:hidden;width:calc(100% - 20px)}.groupTitleH2{align-items:center;color:#f5f5f5;display:flex;font-size:20px;font-weight:100;margin:15px 10px 10px;text-align:left;width:calc(100% - 20px)}.groupTitleInput{-webkit-appearance:none;appearance:none;background-color:#000;border:none;box-shadow:none;caret-color:#f5f5f5;color:#f5f5f5;font-family:Montserrat,sans-serif;font-size:20px;padding:0 5px 0 0;width:100%}.groupTitleInput:focus{outline:none}.editGroupTitleMessage{color:var(--danger-color);font-size:16px}.groupTitleBlink{animation:blink 2s linear 0s infinite}@keyframes blink{50%{color:grey}to{color:#f5f5f5}}.halfContent{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:40%;z-index:0}.timeSlider{position:relative}.circleTimerText,.timeSlider{align-items:center;display:flex;justify-content:center}.circleTimerText{flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:75%}.circleTimeDisplay{font-family:Clock,monospace}.groupLibraryContainer{max-width:100%;overflow:scroll}.groupLibraryContainer::-webkit-scrollbar{height:0;width:0}.groupLibrary{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow:scroll;padding:10px;scrollbar-width:none;width:-webkit-fit-content;width:fit-content}.groupLibrary::-webkit-scrollbar{height:0;width:0}.contentCard.big{border-radius:10px;color:#f5f5f5;flex-direction:row;height:60px;transition:transform .3s ease-out;width:100%}.contentCard.big,.contentCard.small{align-items:center;border:1px solid #d3d3d3;display:flex;justify-content:space-evenly;overflow:hidden;position:relative;transition:height .2s ease-out}.contentCard.small{border-radius:10px;flex-direction:column;height:100px;margin:2px;width:100px}.addIntervalEditor,.addIntervalSelector{align-items:center;display:flex;flex-direction:column;justify-content:center}.addIntervalInstruction{color:grey}.flipped{transform:scaleX(-1)}.noWidth{display:none;height:0;transition:height .2s linear,width .2s linear;visibility:hidden;width:0}.chalk{color:#f5f5f5;font-family:Chalk,Montserrat,sans-serif;font-size:18px}h2.chalk{display:block!important;font-size:32px;padding-left:30px;text-align:left;width:calc(100% - 40px)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bigJoeDiv{height:calc(100vh - 76px)}.bigJoe,.bigJoeDiv{align-items:center;display:flex}.bigJoe{flex-direction:column;justify-content:space-evenly}.joeScreen{-ms-overflow-style:none;background-color:#000;height:calc(100vh - 76px);overflow:scroll;position:absolute;scrollbar-width:none;width:100%}.joeScreen::-webkit-scrollbar{height:0;width:0}.joeDescription{-ms-overflow-style:none;flex-shrink:2;overflow-y:scroll;scrollbar-width:none;text-align:left}.joeDescription::-webkit-scrollbar{height:0;width:0}.joe{color:#f5f5f5;flex-shrink:0;height:150px;margin:5px;overflow:hidden;padding:5px;position:relative;width:150px}.joe,.settingsSection{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.settingsSection{font-size:16px;max-width:500px;padding:15px 15px 30px;text-align:center;width:90%}.switchSettingDiv{align-items:center;display:flex;justify-content:space-between;width:100%}.settingInfo{color:grey;font-size:13px;text-align:left}.circleGlower{animation:growandshrink 1.5s linear infinite}@keyframes growandshrink{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.7)}to{transform:translate(-50%,-50%) scale(1)}}.startThisButton{background-color:#000;border:3px solid var(--primary-color);border-radius:5px;color:#f5f5f5;font-size:14px;margin-bottom:20px;margin-top:20px;min-height:40px;padding:5px}