body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{cursor:none;text-align:center}.App-main{align-items:center;background:#dde1e7;color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);height:100vh}.App-main,.popup{display:flex;justify-content:center}.popup{bottom:50%;left:50%;opacity:0;position:fixed;right:50%;top:-100%;-webkit-transform:rotate(25deg) scale(10);transform:rotate(25deg) scale(10);transition:opacity .5s,visibility .5s,-webkit-transform .5s linear 1s;transition:opacity .5s,visibility .5s,transform .5s linear 1s;transition:opacity .5s,visibility .5s,transform .5s linear 1s,-webkit-transform .5s linear 1s;visibility:hidden;z-index:5}.popup_active{opacity:1;top:50%;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);transition:opacity .5s,top .52s,visibility .1s,-webkit-transform .5s linear 0s;transition:opacity .5s,top .52s,visibility .1s,transform .5s linear 0s;transition:opacity .5s,top .52s,visibility .1s,transform .5s linear 0s,-webkit-transform .5s linear 0s;visibility:visible}.popup_disable{opacity:0;transition:opacity 1s linear}.popup-overlay{background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:3}.popup-overlay,.popup-overlay_active{transition:opacity .12s,visibility .12s linear 0s}.popup-overlay_active{opacity:1;visibility:visible}.popup__window{align-items:center;align-self:center;display:flex;flex-direction:column;width:-webkit-max-content;width:max-content}@media screen and (max-width:1280px){.popup__window{width:-webkit-max-content;width:max-content}}.popup__close-button{align-self:flex-end;background:none;background-image:url(/maze/static/media/Close%20Icon.dac22d3e7f8c8059add2.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;display:flex;height:calc(1.04vw + 16px);margin-bottom:calc(-1.57% + 20px);max-width:30px;min-width:20px;opacity:1;outline:0;padding:0;position:relative;right:calc(-3.65vw + 11px);transition:opacity 0s,opacity .15s linear;width:calc(1.04vw + 16px);z-index:1}.popup__close-button:hover{opacity:.6}@media screen and (min-width:1280px){.popup__close-button{margin-bottom:0;right:-35px}}@media screen and (max-width:320px){.popup__close-button{margin-bottom:15px;right:0}}.popup__content{align-items:center;background-color:#f3f3f3;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.15);box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);display:flex;flex-direction:column;max-width:430px;padding:5px;width:calc(15.41vw + 232px)}.popup__icon{margin-top:60px}.popup__content-caption{color:#000;font-style:normal;font-weight:900;margin-bottom:60px;margin-top:32px;max-width:358px;text-align:center}@media only screen and (max-width:320px){.popup__content-caption{font-size:6.25vw;line-height:7.5vw}}@media only screen and (min-width:321px) and (max-width:1280px){.popup__content-caption{font-size:calc(.41vw + 18px);line-height:calc(.52vw + 22px)}}@media only screen and (min-width:1281px){.popup__content-caption{font-size:24px;line-height:29px}}.field-grid{color:#fff;display:grid;height:-webkit-max-content;height:max-content;list-style:none;margin:0;padding:0;position:absolute;top:10%;width:-webkit-max-content;width:max-content}.field-grid,.unit{box-sizing:border-box;z-index:1}.unit{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);display:flex;justify-content:center;margin:auto;max-height:80%;max-width:80%;min-height:80%;min-width:80%;position:relative;-webkit-user-select:none;user-select:none}.unit:after{background-color:initial;border-radius:50%;box-shadow:inset -5px -5px 9px hsla(0,0%,100%,.45),inset 5px 5px 9px rgba(94,104,121,.3);content:"";height:80%;position:absolute;width:80%;z-index:1}.unit_finish{background-color:#ff4747;box-shadow:0 0 .2rem #dbdbdb,0 0 .2rem #ddd,0 0 2rem #ff4747,0 0 .8rem #ff4747,0 0 2.8rem #ff4747,inset 0 0 1.3rem #ff4747}.unit_finish,.unit_start{max-height:35%;max-width:35%;min-height:35%;min-width:35%;z-index:1}.unit_start{background-color:#6eff5b;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #6eff5b,0 0 .8rem #6eff5b,0 0 2.8rem #6eff5b,inset 0 0 1.3rem #6eff5b}.player-grid{color:#fff;display:grid;height:-webkit-max-content;height:max-content;list-style:none;margin:0;padding:0;position:absolute;top:10%;width:-webkit-max-content;width:max-content}.player,.player-grid{box-sizing:border-box;z-index:2}.player{align-items:center;-webkit-animation:pulsate 1s ease-in-out infinite alternate;animation:pulsate 1s ease-in-out infinite alternate;aspect-ratio:1/1;background-color:rgba(124,255,107,.75);border:1px solid rgba(31,216,6,.75);border-radius:50%;box-shadow:-5px -5px 9px rgba(35,150,0,.45),5px 5px 9px rgba(27,87,0,.3);display:flex;justify-content:center;margin:auto;max-height:50%;max-width:50%;min-height:50%;min-width:50%;position:relative}.player_shake{-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.player_lights{-webkit-animation:move 4s ease-in-out 0s infinite;animation:move 4s ease-in-out 0s infinite}@-webkit-keyframes move{25%{opacity:.33;-webkit-transform:scale(10) rotate(45deg);transform:scale(10) rotate(45deg)}}@keyframes move{25%{opacity:.33;-webkit-transform:scale(10) rotate(45deg);transform:scale(10) rotate(45deg)}}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@-webkit-keyframes pulsate{to{background-color:rgba(124,255,107,.3)}90%{background-color:rgba(124,255,107,.3)}80%{background-color:rgba(124,255,107,.3)}70%{background-color:rgba(124,255,107,.3)}60%{background-color:rgba(124,255,107,.3)}50%{background-color:hsla(0,0%,70%,.3)}40%{background-color:rgba(124,255,107,.3)}30%{background-color:rgba(124,255,107,.3)}20%{background-color:rgba(124,255,107,.3)}10%{background-color:rgba(124,255,107,.3)}0%{background-color:hsla(0,0%,70%,.3)}}@keyframes pulsate{to{background-color:rgba(124,255,107,.3)}90%{background-color:rgba(124,255,107,.3)}80%{background-color:rgba(124,255,107,.3)}70%{background-color:rgba(124,255,107,.3)}60%{background-color:rgba(124,255,107,.3)}50%{background-color:hsla(0,0%,70%,.3)}40%{background-color:rgba(124,255,107,.3)}30%{background-color:rgba(124,255,107,.3)}20%{background-color:rgba(124,255,107,.3)}10%{background-color:rgba(124,255,107,.3)}0%{background-color:hsla(0,0%,70%,.3)}}.movments{bottom:5%;display:flex;flex-direction:row;justify-content:space-between;padding:10px;position:fixed;-webkit-user-select:none;user-select:none;width:90vw}.controls-panel{border-radius:10px;box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);padding:5px}.select-arrows{display:flex;width:-webkit-max-content;width:max-content}.select-arrows__button{align-items:center;background:#dde1e7;border:none;border-radius:15%;box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);color:#4b4b4b;cursor:none;display:flex;font-size:25px;height:45px;justify-content:center;margin:5px;padding:0;width:45px}.select-arrows__button:hover,.select-arrows__button_state_used{box-shadow:inset -5px -5px 9px hsla(0,0%,100%,.45),inset 5px 5px 9px rgba(94,104,121,.3)}.select-arrows__button:hover{cursor:none}.select-arrows__button:active{color:rgba(12,105,0,.75);text-shadow:-5px -5px 9px rgba(35,150,0,.45),5px 5px 9px rgba(27,87,0,.3)}.arrows-list{align-items:flex-start;border-radius:10px;box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:25%;padding:5px}.start-button-wrapper{display:flex;width:-webkit-max-content;width:max-content}.start-button{align-items:center;background:#dde1e7;border:none;border-radius:15%;box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);color:#4b4b4b;cursor:none;display:flex;font-size:20px;height:45px;justify-content:center;margin:5px;padding:0;width:90px}.start-button:hover{box-shadow:inset -5px -5px 9px hsla(0,0%,100%,.45),inset 5px 5px 9px rgba(94,104,121,.3);cursor:none}.start-button:active{color:rgba(12,105,0,.75);text-shadow:-5px -5px 9px rgba(35,150,0,.45),5px 5px 9px rgba(27,87,0,.3)}@media screen and (max-width:750px){.select-arrows__button{align-items:center;background:#dde1e7;border:none;border-radius:15%;box-shadow:-5px -5px 9px hsla(0,0%,100%,.45),5px 5px 9px rgba(94,104,121,.3);color:#4b4b4b;display:flex;font-size:20px;height:25px;justify-content:center;margin:5px;padding:0;width:25px}}.cursor{border:2px solid #868686;border-radius:100%;height:20px;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .15s ease;transition-property:background-color,opacity,mix-blend-mode,-webkit-transform;transition-property:background-color,opacity,transform,mix-blend-mode;transition-property:background-color,opacity,transform,mix-blend-mode,-webkit-transform;width:20px;z-index:9999}.cursor_clicked{background-color:#868686;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}
/*# sourceMappingURL=main.c8c6b723.css.map*/