:root{--color-background:#fefbea;--color-background2:#fefbea;--color-prime1:#3b221b;--color-prime2:#ad1d1d;--color-false-lighted:#ff4b81;--color-right-lighted:#4cfeb1;--color-false-unlighted:#8f475c;--color-right-unlighted:#4a8d70;--color-false-background:#62222f;--color-right-background:#143a0e}@font-face{font-family:Om_Botak;src:url(../../static/media/OmBotak5.8ae0138648fcd1c9988b.ttf)}#root,body,html{-ms-overflow-style:none;color:#ad1d1d;color:var(--color-prime2);font-family:Om_Botak;height:100%;margin:0;overflow-x:hidden;padding:0;scrollbar-width:none}#root::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.NoSelect{-webkit-user-select:none;user-select:none}.SvgContainer{-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.FloatingAnimation{-webkit-animation:floatingAnimation_anim 1s infinite;animation:floatingAnimation_anim 1s infinite}@-webkit-keyframes floatingAnimation_anim{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes floatingAnimation_anim{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}#gamePageContainer{background-color:var(--color-background);height:100%;margin:0;padding:0;width:100%}#gamePageContainer::-webkit-scrollbar{display:none}.GamePage,.GamePageContainer{height:100%;margin:0;padding:0;width:100%}.GamePage{align-items:center;display:flex;justify-content:center}.GamePageChange{-webkit-animation:GamePageChange_anim .25s linear;animation:GamePageChange_anim .25s linear}@-webkit-keyframes GamePageChange_anim{0%{-webkit-transform:scaleY(.4) rotate(10deg);transform:scaleY(.4) rotate(10deg)}25%{-webkit-transform:scaleY(1.2) rotate(5deg);transform:scaleY(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.1,.9) rotate(2.5deg);transform:scale(1.1,.9) rotate(2.5deg)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes GamePageChange_anim{0%{-webkit-transform:scaleY(.4) rotate(10deg);transform:scaleY(.4) rotate(10deg)}25%{-webkit-transform:scaleY(1.2) rotate(5deg);transform:scaleY(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.1,.9) rotate(2.5deg);transform:scale(1.1,.9) rotate(2.5deg)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes upAndDown{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes upAndDown{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.PageTitle{-webkit-animation:upAndDown 5s infinite;animation:upAndDown 5s infinite;font-size:6vw;margin-top:auto}.GameTitle{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.GameTitle .GameLogo{height:50%;width:50%}.GameTitle .PressStart{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation:upAndDown 2s infinite;animation:upAndDown 2s infinite;cursor:pointer;font-size:40px}.CustomButton{-webkit-animation:Floating_anim 3s ease-in-out infinite;animation:Floating_anim 3s ease-in-out infinite;background:none;border-style:none;color:var(--color-prime2);font-family:Om_Botak;margin:10px;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:tranform 1s}@-webkit-keyframes Floating_anim{0%{-webkit-transform:scale(.975,1.025);transform:scale(.975,1.025)}50%{-webkit-transform:scale(1.025,.975);transform:scale(1.025,.975)}to{-webkit-transform:scale(.975,1.025);transform:scale(.975,1.025)}}@keyframes Floating_anim{0%{-webkit-transform:scale(.975,1.025);transform:scale(.975,1.025)}50%{-webkit-transform:scale(1.025,.975);transform:scale(1.025,.975)}to{-webkit-transform:scale(.975,1.025);transform:scale(.975,1.025)}}.CustomButton:enabled:hover{-webkit-animation:none;animation:none;-webkit-animation:FloatingHover_anim 2s cubic-bezier(.3,.7,1,.3) infinite;animation:FloatingHover_anim 2s cubic-bezier(.3,.7,1,.3) infinite;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes FloatingHover_anim{0%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}25%{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}to{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}}@keyframes FloatingHover_anim{0%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}25%{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.15) rotate(-5deg);transform:scale(1.15) rotate(-5deg)}to{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}}.CustomButton:enabled:hover:after{background:var(--color-prime2);border-radius:99px;bottom:-10px;content:"";display:inline-block;height:7px;left:0;position:absolute;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);width:100%}.CustomButton:disabled{-webkit-animation:none;animation:none;opacity:.7}.Logo{-webkit-animation:Logo_anim 2s cubic-bezier(.3,.7,1,.3) infinite;animation:Logo_anim 2s cubic-bezier(.3,.7,1,.3) infinite;height:100%;position:relative;width:100%}@-webkit-keyframes Logo_anim{0%{-webkit-transform:scale(1.025,.975);transform:scale(1.025,.975)}50%{-webkit-transform:scale(.975,1.025);transform:scale(.975,1.025)}to{-webkit-transform:scale(1.025,.975);transform:scale(1.025,.975)}}@keyframes Logo_anim{0%{-webkit-transform:scale(1.025,.975);transform:scale(1.025,.975)}50%{-webkit-transform:scale(.975,1.025);transform:scale(.975,1.025)}to{-webkit-transform:scale(1.025,.975);transform:scale(1.025,.975)}}.Logo .LogoPart{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Logo .LogoPart,.Logo .MainContainer{height:100%;width:100%}.Logo .Word1{background-color:var(--color-false-lighted);-webkit-mask-image:url(../../static/media/P1.83488d20358af92fa284.svg)}.Logo .Word2{background-color:var(--color-right-lighted);-webkit-mask-image:url(../../static/media/P2.70eb1263993c7a17f70d.svg)}.Logo .Shadow{background-color:var(--color-prime2);-webkit-mask-image:url(../../static/media/P3.a87b281e84361c14914b.svg)}.RegexSlideWord{height:20px;margin:20px;position:relative;width:100%}.RegexSlideWord .inSlider{background-color:var(--color-prime2);min-height:10px;min-width:90%;z-index:0}.RegexSlideWord .inSlider,.RegexSlideWord .inSlider .cercle{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.RegexSlideWord .inSlider .cercle{--size:20px;background-color:#000;border-radius:100%;height:var(--size);width:var(--size);z-index:1}.RegexSlideWord .inSlider .right{background-color:var(--color-right-background);left:100%}.RegexSlideWord .inSlider .false{background-color:var(--color-false-background);left:0}.RegexSlideWord .word{--actualPos:50%;--wordMoveDuration:0.20s;left:var(--actualPos);text-align:center;text-shadow:2px 3px 2px rgba(0,0,0,.5);transition:left var(--wordMoveDuration);white-space:nowrap;z-index:2}.RegexSlideWord .word,.RegexSlideWord .word:before{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.RegexSlideWord .word:before{background-color:var(--color-prime1);border-radius:15px;content:" ";left:50%;min-height:25px;min-width:25px;opacity:0;z-index:-1}.RegexSlideWord .valide{color:var(--color-right-unlighted)}.RegexSlideWord .invalide{color:var(--color-false-unlighted)}.RegexSlideWord .lighted-valide{color:var(--color-right-lighted)!important}.RegexSlideWord .lighted-invalide,.RegexSlideWord .lighted-valide{-webkit-animation:lighted_anim .25s linear!important;animation:lighted_anim .25s linear!important}.RegexSlideWord .lighted-invalide{color:var(--color-false-lighted)!important}@-webkit-keyframes lighted_anim{0%{-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}50%{-webkit-transform:translate(-50%,-50%) scale(1.15);transform:translate(-50%,-50%) scale(1.15)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes lighted_anim{0%{-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}50%{-webkit-transform:translate(-50%,-50%) scale(1.15);transform:translate(-50%,-50%) scale(1.15)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.RegexSlideWord .lighted-idle{-webkit-animation:lighted-idle_anim 2s cubic-bezier(.3,.7,1,.3) infinite!important;animation:lighted-idle_anim 2s cubic-bezier(.3,.7,1,.3) infinite!important}@-webkit-keyframes lighted-idle_anim{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes lighted-idle_anim{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.RegexSlideWord .wordMove{-webkit-animation:var(--wordMoveDuration) wordMove_anim linear;animation:var(--wordMoveDuration) wordMove_anim linear}@-webkit-keyframes wordMove_anim{0%{-webkit-transform:translate(-50%,-50%) scaleY(1);transform:translate(-50%,-50%) scaleY(1)}25%{-webkit-transform:translate(-50%,-50%) scaleY(.5);transform:translate(-50%,-50%) scaleY(.5)}75%{-webkit-transform:translate(-50%,-50%) scaleY(.5);transform:translate(-50%,-50%) scaleY(.5)}to{-webkit-transform:translate(-50%,-50%) scaleY(1);transform:translate(-50%,-50%) scaleY(1)}}@keyframes wordMove_anim{0%{-webkit-transform:translate(-50%,-50%) scaleY(1);transform:translate(-50%,-50%) scaleY(1)}25%{-webkit-transform:translate(-50%,-50%) scaleY(.5);transform:translate(-50%,-50%) scaleY(.5)}75%{-webkit-transform:translate(-50%,-50%) scaleY(.5);transform:translate(-50%,-50%) scaleY(.5)}to{-webkit-transform:translate(-50%,-50%) scaleY(1);transform:translate(-50%,-50%) scaleY(1)}}.TestPage{align-items:center;display:flex;flex-direction:column}.TestPage h1{-webkit-animation:upAndDown 5s infinite;animation:upAndDown 5s infinite;font-size:80px}.TestPage .testZone{display:flex;flex-wrap:wrap;max-width:300px}.TestPage .testregexShower{background-color:var(--color-prime1);padding:10px;width:40%}.LevelPage{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.LevelPage .Ui{-webkit-animation:Ui_anim .35s ease-in-out;animation:Ui_anim .35s ease-in-out;height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes Ui_anim{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Ui_anim{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .Ui .LevelName{-webkit-animation:LevelName_anim .5s ease-in-out;animation:LevelName_anim .5s ease-in-out;font-size:3vw;left:25%;margin:0;opacity:1;position:absolute;text-align:center;top:2vw;transition:opacity .1s;width:50%}@-webkit-keyframes LevelName_anim{0%{top:-100%;-webkit-transform:scale(.8,1.2);transform:scale(.8,1.2)}59%{top:2vw;-webkit-transform:scale(.8,1.2);transform:scale(.8,1.2)}60%{-webkit-transform:scale(1.2,.8);transform:scale(1.2,.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes LevelName_anim{0%{top:-100%;-webkit-transform:scale(.8,1.2);transform:scale(.8,1.2)}59%{top:2vw;-webkit-transform:scale(.8,1.2);transform:scale(.8,1.2)}60%{-webkit-transform:scale(1.2,.8);transform:scale(1.2,.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .Ui .LevelName_hide{opacity:0}.LevelPage .Ui .ThoerieBnt{align-items:center;background-color:var(--color-background2);border-color:var(--color-prime2);border-radius:10px;border-style:solid;border-width:5px;cursor:pointer;display:flex;flex-direction:row;padding:5px;position:absolute;right:-170px;top:25px;-webkit-transform:scale(1);transform:scale(1);transition:right .15s,-webkit-transform .15s;transition:right .15s,transform .15s;transition:right .15s,transform .15s,-webkit-transform .15s;width:250px}.LevelPage .Ui .ThoerieBnt .Icon{height:60px;width:60px}.LevelPage .Ui .ThoerieBnt label{color:var(--color-prime2);cursor:pointer;font-family:Om_Botak;font-size:40px;margin-left:20px}.LevelPage .Ui .ThoerieBnt:hover{cursor:pointer;right:10px;-webkit-transform:scale(1.2) translateY(5%);transform:scale(1.2) translateY(5%)}.LevelPage .Ui .HomeBnt{-webkit-animation:HomeBntIdl_anim 3s ease-in-out infinite;animation:HomeBntIdl_anim 3s ease-in-out infinite;background-color:var(--color-prime2);cursor:pointer;height:50px;margin:25px;-webkit-mask-image:url(../../static/media/MainMenuIcon.97182897e1a6fbe5421a.svg);width:50px}@-webkit-keyframes HomeBntIdl_anim{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes HomeBntIdl_anim{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .Ui .HomeBnt:hover{-webkit-animation:HomeBntHover_anim .25s ease-in-out;animation:HomeBntHover_anim .25s ease-in-out;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes HomeBntHover_anim{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.2) rotate(-2.5deg);transform:scale(1.2) rotate(-2.5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes HomeBntHover_anim{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.2) rotate(-2.5deg);transform:scale(1.2) rotate(-2.5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.LevelPage .Ui .ShowTutoBnt{bottom:10px;height:60px;-webkit-mask-image:url(../../static/media/TutoBnt.305017539b33f82eae28.svg);position:absolute;right:10px;width:60px}.LevelPage .RegexContainer{align-items:center;-webkit-animation:regexContainerIdle_anim 5s ease-in-out infinite;animation:regexContainerIdle_anim 5s ease-in-out infinite;background-color:var(--color-prime1 );border-radius:15px;display:flex;flex-direction:column;justify-content:space-around;min-width:30%;padding:20px;z-index:1}@-webkit-keyframes regexContainerIdle_anim{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3%);transform:translateY(3%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes regexContainerIdle_anim{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(3%);transform:translateY(3%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.LevelPage .inputHolder{--fontSize:20px;align-items:center;background-color:var(--color-background2);border-color:var(--color-prime1);border-radius:20px;border-style:solid;border-width:5px;color:var(--color-prime1);cursor:text;display:flex;justify-content:center;margin-top:15px;padding:10px;position:relative;width:35%;z-index:1}.LevelPage .inputHolder .widthCal{font-size:var(--fontSize);opacity:0;position:absolute}.LevelPage .inputHolder .embedValue{font-size:var(--fontSize);opacity:.5}.LevelPage .inputHolder input{background-color:initial;border:none;color:var(--color-prime1);font-family:Om_Botak;font-size:var(--fontSize);text-align:center;width:0;z-index:1}.LevelPage .inputHolder input:focus{outline:none}.LevelPage .updateRegex{-webkit-animation:regexContainerUpdate_anim .15s ease-in-out;animation:regexContainerUpdate_anim .15s ease-in-out}@-webkit-keyframes regexContainerUpdate_anim{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes regexContainerUpdate_anim{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .inputUpdate{-webkit-animation:inputUpdate_anim .05s ease-in-out;animation:inputUpdate_anim .05s ease-in-out}@-webkit-keyframes inputUpdate_anim{0%{-webkit-transform:scale(1.025) rotate(-2deg);transform:scale(1.025) rotate(-2deg)}50%{-webkit-transform:scale(1.025) rotate(1deg);transform:scale(1.025) rotate(1deg)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes inputUpdate_anim{0%{-webkit-transform:scale(1.025) rotate(-2deg);transform:scale(1.025) rotate(-2deg)}50%{-webkit-transform:scale(1.025) rotate(1deg);transform:scale(1.025) rotate(1deg)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .LevelCompletInput{-webkit-animation:levelCompletInput_anim .25s ease-in-out;animation:levelCompletInput_anim .25s ease-in-out;background-color:var(--color-right-lighted);border-color:var(--color-right-unlighted)}.LevelPage .LevelCompletInput,.LevelPage .LevelCompletInput input{color:var(--color-right-unlighted)}@-webkit-keyframes levelCompletInput_anim{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes levelCompletInput_anim{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .LevelFinishMessage{--strokeSize:3px;align-items:center;-webkit-animation:LevelClearSpawn_anim .5s ease-in-out;animation:LevelClearSpawn_anim .5s ease-in-out;display:flex;flex-direction:column;font-size:10vw;height:30%;justify-content:center;left:0;position:absolute;text-shadow:calc(var(--strokeSize)*-1) calc(var(--strokeSize)*-1) 0 var(--color-background),var(--strokeSize) calc(var(--strokeSize)*-1) 0 var(--color-background),calc(var(--strokeSize)*-1) var(--strokeSize) 0 var(--color-background),var(--strokeSize) var(--strokeSize) 0 var(--color-background);top:0;width:100%;z-index:2}@-webkit-keyframes LevelClearSpawn_anim{0%{top:-50%;-webkit-transform:scale(.75,1.25);transform:scale(.75,1.25)}25%{top:0;-webkit-transform:scale(.75,1.25);transform:scale(.75,1.25)}26%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1) rotate(5deg);transform:scale(1) rotate(5deg)}75%{-webkit-transform:scale(1) rotate(-2.5deg);transform:scale(1) rotate(-2.5deg)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes LevelClearSpawn_anim{0%{top:-50%;-webkit-transform:scale(.75,1.25);transform:scale(.75,1.25)}25%{top:0;-webkit-transform:scale(.75,1.25);transform:scale(.75,1.25)}26%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1) rotate(5deg);transform:scale(1) rotate(5deg)}75%{-webkit-transform:scale(1) rotate(-2.5deg);transform:scale(1) rotate(-2.5deg)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .LevelFinishMessage h1{-webkit-animation:LevelClearIdle_anim 5s cubic-bezier(.3,.7,1,.3) infinite;animation:LevelClearIdle_anim 5s cubic-bezier(.3,.7,1,.3) infinite;font-size:100%}@-webkit-keyframes LevelClearIdle_anim{0%{-webkit-transform:scale(1);transform:scale(1)}12.5%{-webkit-transform:scale(1.05) rotate(1deg);transform:scale(1.05) rotate(1deg)}25%{-webkit-transform:scale(1.1) rotate(-2deg);transform:scale(1.1) rotate(-2deg)}37.5%{-webkit-transform:scale(1.05) rotate(1deg);transform:scale(1.05) rotate(1deg)}50%{-webkit-transform:scale(1);transform:scale(1)}62.5%{-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}75%{-webkit-transform:scale(1.1) rotate(2deg);transform:scale(1.1) rotate(2deg)}87.5%{-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes LevelClearIdle_anim{0%{-webkit-transform:scale(1);transform:scale(1)}12.5%{-webkit-transform:scale(1.05) rotate(1deg);transform:scale(1.05) rotate(1deg)}25%{-webkit-transform:scale(1.1) rotate(-2deg);transform:scale(1.1) rotate(-2deg)}37.5%{-webkit-transform:scale(1.05) rotate(1deg);transform:scale(1.05) rotate(1deg)}50%{-webkit-transform:scale(1);transform:scale(1)}62.5%{-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}75%{-webkit-transform:scale(1.1) rotate(2deg);transform:scale(1.1) rotate(2deg)}87.5%{-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .NextLevelNotif{-webkit-animation:NextLevelNotifSpawn_anim .25s ease-in-out;animation:NextLevelNotifSpawn_anim .25s ease-in-out;bottom:-200%;display:flex;justify-content:center;position:absolute;width:100%}@-webkit-keyframes NextLevelNotifSpawn_anim{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes NextLevelNotifSpawn_anim{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.LevelPage .NextLevelNotif h1{-webkit-animation:Floating_anim 3s ease-in-out infinite;animation:Floating_anim 3s ease-in-out infinite;font-size:30px}.LevelPage .Tuto{align-items:center;-webkit-animation:TutoStart_anim .25s ease-in-out;animation:TutoStart_anim .25s ease-in-out;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}@-webkit-keyframes TutoStart_anim{0%{background-color:transparent}to{background-color:rgba(0,0,0,.3)}}@keyframes TutoStart_anim{0%{background-color:transparent}to{background-color:rgba(0,0,0,.3)}}.LevelPage .TutoEnd{-webkit-animation:TutoEnd_anim .25s ease-in-out;animation:TutoEnd_anim .25s ease-in-out}@-webkit-keyframes TutoEnd_anim{to{background-color:transparent}0%{background-color:rgba(0,0,0,.3)}}@keyframes TutoEnd_anim{to{background-color:transparent}0%{background-color:rgba(0,0,0,.3)}}.LevelPage .Tuto .Window{align-items:center;-webkit-animation:pop .25s ease-in-out;animation:pop .25s ease-in-out;background-color:var(--color-background2);border-color:var(--color-prime2);border-radius:30px;border-style:solid;border-width:5px;color:var(--color-prime2);display:flex;flex-direction:column;padding:15px;width:40%}.LevelPage .Tuto .Window p{font-size:18px;text-align:center;width:70%}.LevelPage .Tuto .Window .Green{color:var(--color-right-lighted)}.LevelPage .Tuto .Window .Green,.LevelPage .Tuto .Window .Red{--outlineColor:var(--color-prime2);--strokeSize:1px;font-size:20px;text-shadow:calc(var(--strokeSize)*-1) calc(var(--strokeSize)*-1) 0 var(--outlineColor),var(--strokeSize) calc(var(--strokeSize)*-1) 0 var(--outlineColor),calc(var(--strokeSize)*-1) var(--strokeSize) 0 var(--outlineColor),var(--strokeSize) var(--strokeSize) 0 var(--outlineColor)}.LevelPage .Tuto .Window .Red{color:var(--color-false-lighted)}.LevelPage .Tuto .Window h1{font-size:35px}.LevelPage .Tuto .Window .TutoGif{background-image:url(../../static/media/Tuto.1273a2256bd5917e2eb5.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-top:10px;min-height:200px;width:70%}.LevelPage .TutoEnd .Window{-webkit-animation:WindowEnd_anim .25s ease-in-out;animation:WindowEnd_anim .25s ease-in-out}@-webkit-keyframes WindowEnd_anim{to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes WindowEnd_anim{to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}0%{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (min-width:1500px){.LevelPage .LevelFinishMessage{font-size:150px}}.TheoireIcon{height:100%;position:relative;width:100%}.TheoireIcon .Part{height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.TheoireIcon .Outline{background-color:var(--color-prime2);-webkit-mask-image:url(../../static/media/P4.f36e4a8bfae1121477a4.svg)}.TheoireIcon .MainBook{height:95%;width:95%}.TheoireIcon .Book1{background-color:var(--color-false-lighted);-webkit-mask-image:url(../../static/media/P2.c3a6417d7de487071f15.svg)}.TheoireIcon .Book2{background-color:#d3d3d3;-webkit-mask-image:url(../../static/media/P3.020e0705ef58411b2676.svg)}.TheoireIcon .Content{background-color:var(--color-prime2);-webkit-mask-image:url(../../static/media/P1.7c2ead89a508d44b55b8.svg)}.TheoriePage{flex-direction:column;justify-content:flex-start}.TheoriePage .TheoriePart{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:space-around}.TheoriePage .PageTitle{margin:30px 0 0}.TheoriePage p{font-size:23px;margin:0;text-align:center;width:40%}.TheoriePage .Exemple{align-items:center;display:flex;flex-direction:column;height:40%;width:40%}.TheoriePage .Exemple>div{background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:100%;width:100%}.TheoriePage .Exemple>div>img{height:100%;object-fit:contain;width:100%}.MainMenu,.MainMenu .Menu{flex-direction:column}.MainMenu .Menu{align-items:center;display:flex;justify-content:center;margin-top:50px;width:60%}.MainMenu .Menu .SubMenu{display:flex;justify-content:space-between;margin-top:30px;width:100%}.MainMenu .Menu .SubMenu .MenuBnt{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:33%;min-width:33%}.MainMenu .Menu .PlayBnt{justify-content:center;margin-bottom:30px;position:relative}.MainMenu .LogoContainer{align-items:center;display:flex;justify-content:center;min-height:50%;min-width:50%}.MainMenu .PaletteShowerBnt{background-color:var(--color-prime2);cursor:pointer;height:4vw;left:20px;-webkit-mask-image:url(../../static/media/palette.c7224c92e0761c289487.svg);position:absolute;top:20px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:4vw}.MainMenu .PaletteShowerBnt:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.MainMenu .PalSelectorContainer{align-items:center;background-color:var(--color-background);border-bottom:5px solid var(--color-prime2);display:flex;flex-direction:column;left:0;position:absolute;top:-100%;width:100%;z-index:3}.MainMenu .PalSelectorContainer>div{width:100%}.MainMenu .PalSelectorContainer .CloseBnt{background-color:var(--color-prime2);border:none;cursor:pointer;height:35px;margin:10px;-webkit-mask-image:url(../../static/media/NavBnt.7bc5bc3450ead3c1f759.svg);-webkit-transform:scale(1) rotate(-90deg);transform:scale(1) rotate(-90deg);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:35px;z-index:-1}.MainMenu .PalSelectorContainer .CloseBnt:hover{-webkit-transform:scale(1.2) rotate(-90deg);transform:scale(1.2) rotate(-90deg)}.MainMenu .PalSelectorContainer_hide{-webkit-animation:PalSelectorContainer_hide_anim .25s;animation:PalSelectorContainer_hide_anim .25s;top:-100%}.MainMenu .PalSelectorContainer_show{-webkit-animation:PalSelectorContainer_show_anim .25s;animation:PalSelectorContainer_show_anim .25s;top:0}@-webkit-keyframes PalSelectorContainer_show_anim{0%{top:-20%;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}25%{top:0;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}50%{top:0;-webkit-transform:scaleX(1.3);transform:scaleX(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes PalSelectorContainer_show_anim{0%{top:-20%;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}25%{top:0;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}50%{top:0;-webkit-transform:scaleX(1.3);transform:scaleX(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes PalSelectorContainer_hide_anim{0%{top:0;-webkit-transform:scale(1);transform:scale(1)}50%{top:0;-webkit-transform:scaleX(1.3);transform:scaleX(1.3)}75%{top:-1%;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}to{top:-20%;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}}@keyframes PalSelectorContainer_hide_anim{0%{top:0;-webkit-transform:scale(1);transform:scale(1)}50%{top:0;-webkit-transform:scaleX(1.3);transform:scaleX(1.3)}75%{top:-1%;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}to{top:-20%;-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}}@media only screen and (max-width:600px){.MainMenu .Menu div{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}}.PaletteShowerContainer{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;width:100%}.PaletteShowerContainer .PaletteShower{--palBackgroundColor:#fff;--palMainColor:#000;align-items:center;border-color:var(--color-prime2);border-radius:10px;border-style:solid;border-width:3px;display:flex;font-family:Om_Botak;font-size:30px;height:50px;justify-content:center;margin:10px;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:50px}.PaletteShowerContainer .PaletteShower .LockLevel{color:var(--color-prime2);font-size:25px;left:50%;position:absolute;top:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.PaletteShowerContainer .PaletteShower .PaletteColorsContainer{align-items:center;background-color:var(--palBackgroundColor);border:5px solid var(--color-prime2);border-radius:6px;color:#fff;color:var(--palMainColor);display:flex;flex-direction:column;font-size:25px;left:-87.5px;padding:5px;position:absolute;text-align:center;top:125%;visibility:hidden;width:200px}.PaletteShowerContainer .PaletteShower .PaletteColorsContainer:after{border-color:transparent transparent var(--color-prime2) transparent;border-style:solid;border-width:10px;bottom:100%;content:"";left:105px;margin-left:-10px;position:absolute}.PaletteShowerContainer .PaletteShower .PaletteColorsContainer .PaletteColors{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.PaletteShowerContainer .PaletteShower .ColorShower{border-color:var(--palMainColor);border-radius:10px;border-style:solid;margin:5px;min-height:30px;min-width:30px}.PaletteShowerContainer .PaletteShower:enabled:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.PaletteShowerContainer .PaletteShower:enabled:hover .PaletteColorsContainer{-webkit-animation:pop .25s;animation:pop .25s;visibility:visible}.PaletteShowerContainer .PaletteShower:disabled{opacity:.5}.Credit,.Credit .CreditMember{align-items:center;flex-direction:column}.Credit .CreditMember{-webkit-animation:CreditMember_anim 3s infinite;animation:CreditMember_anim 3s infinite;display:flex}@-webkit-keyframes CreditMember_anim{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes CreditMember_anim{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}to{-webkit-transform:translate(0);transform:translate(0)}}.Credit .CreditMember .Role{font-size:30px}.Credit .CreditMember .Perso{background-color:var(--color-prime2);height:200px;margin-top:20px;-webkit-mask-image:url(../../static/media/MeDrawMe.0094fcc1d5c92c784cec.svg);width:200px}.Credit .CreditMember .Social{align-items:center;color:var(--color-prime2);display:flex;font-size:30px;margin-top:10px;text-decoration:none}.Credit .CreditMember .Social:hover:after{background:var(--color-prime2);border-radius:99px;bottom:-7px;content:"";display:inline-block;height:5px;position:absolute;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);width:40%}.Credit .CreditMember .Social .twitterLogo{background-color:var(--color-prime2);height:30px;margin-right:5px;-webkit-mask-image:url(../../static/media/BetterTwiterLogo.36692f144dba3955393a.svg);width:30px}.Settings{flex-direction:column}.Settings .ProgressionTab{align-items:center;display:flex;flex-direction:column;height:60%;width:50%}.Settings .DangerZone{background-color:#f05;border:10px solid #51001b;border-radius:10px;display:flex;justify-content:center;min-width:40%;padding:40px}.Settings .DangerZone .DangerBnt{color:#fff}.DangerBnt:enabled:hover:after{background:#fff}.LevelSelectPage{align-items:center;display:flex;flex-direction:column;justify-content:center}.LevelSelectPage .LevelSelectContainer{display:flex;height:60%;width:100%}.LevelSelectPage .LevelSelectContainer .NavBnt{align-self:center;background-color:initial;border:none;height:70px;margin:3vw;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:70px}.LevelSelectPage .LevelSelectContainer .NavBnt .Icon{background-color:var(--color-prime2);height:100%;-webkit-mask-image:url(../../static/media/NavBnt.7bc5bc3450ead3c1f759.svg);width:100%}.LevelSelectPage .LevelSelectContainer .NavBnt:enabled:hover{cursor:pointer;-webkit-transform:scale(1.3);transform:scale(1.3)}.LevelSelectPage .LevelSelectContainer .NavBnt:disabled{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}.LevelSelectPage .LevelSelectContainer .NavBnt_Click{-webkit-animation:NavBnt_Click_anim .15s ease-in-out;animation:NavBnt_Click_anim .15s ease-in-out}@-webkit-keyframes NavBnt_Click_anim{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes NavBnt_Click_anim{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.LevelSelectPage .LevelSelectContainer .GoBack .Icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.LevelSelectPage .LevelSelectBntContainer{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;width:70%}.LevelSelectPage .LevelPageChange{-webkit-animation:pop .25s ease-in-out;animation:pop .25s ease-in-out}.LevelSelectPage .LevelSelectBntContainer .LevelSelectBnt_Empty{--size:calc(20% - 60px);background-color:aqua;min-height:10px;min-width:max(70px,var(--size))}.LevelSelectPage .LevelSelectBntContainer .LevelSelectBnt{--size:calc(20% - 60px);align-items:center;background-color:var(--color-background);border:5px solid var(--color-prime2);border-radius:20px;color:var(--color-prime2);display:flex;font-family:Om_Botak;font-size:37px;height:auto;justify-content:center;margin:30px;width:max(70px,var(--size))}.LevelSelectPage .LevelSelectBntContainer .LevelSelectBnt:enabled:hover{-webkit-animation:LevelSelectBntHover_anim .25s ease-in-out;animation:LevelSelectBntHover_anim .25s ease-in-out;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes LevelSelectBntHover_anim{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.2) rotate(-2.5deg);transform:scale(1.2) rotate(-2.5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes LevelSelectBntHover_anim{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.2) rotate(-2.5deg);transform:scale(1.2) rotate(-2.5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.LevelSelectPage .LevelSelectBntContainer .LevelSelectBnt:disabled{opacity:.5}.GameTransition{align-items:center;display:flex;flex-direction:column;justify-content:center}.GameTransition h1{font-size:120px;margin:0}.ThoerieList{align-items:center;display:flex;flex-direction:column;justify-content:center}.ThoerieList .ThoerieBntContainer{display:flex;flex-wrap:wrap;height:60%;justify-content:space-around;justify-content:center;width:90%}.ThoerieList .ThoerieBntContainer .ThoerieSelectBnt{--size:calc(16.66667% - 60px);align-items:center;background-color:var(--color-background);border:5px solid var(--color-prime2);border-radius:20px;color:var(--color-prime2);display:flex;font-family:Om_Botak;font-size:1.5vw;height:110px;justify-content:center;margin:15px;width:max(70px,var(--size))}.ThoerieList .ThoerieBntContainer .ThoerieSelectBnt:enabled:hover{-webkit-animation:ThoerieSelectBntHover_anim .25s ease-in-out;animation:ThoerieSelectBntHover_anim .25s ease-in-out;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes ThoerieSelectBntHover_anim{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.2) rotate(-2.5deg);transform:scale(1.2) rotate(-2.5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes ThoerieSelectBntHover_anim{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.2) rotate(-10deg);transform:scale(1.2) rotate(-10deg)}50%{-webkit-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg)}75%{-webkit-transform:scale(1.2) rotate(-2.5deg);transform:scale(1.2) rotate(-2.5deg)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.ThoerieList .ThoerieBntContainer .ThoerieSelectBnt:disabled{opacity:.5}
/*# sourceMappingURL=main.e92012b6.css.map*/