@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap);html{background-color:#1f1f1f;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}body{margin:0}body>div[style*="color: red"]{display:none!important}.App{background-color:#282c34;color:#fff;display:contents;flex-direction:column;font-family:Pixelify Sans,sans-serif;font-size:16px;min-height:100vh;text-align:center;-webkit-user-select:none;user-select:none}.header-panel{display:flex}.canvas__container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.canvas__main{cursor:crosshair;margin:0;padding:0;position:absolute}.color-picker{display:flex;flex-wrap:wrap;margin-bottom:10px;margin-left:30px;margin-top:10px;width:120px}.color-picker-m{align-content:center;align-items:center;margin-top:10px}.recent__colors__container{align-items:center;display:flex;flex-direction:column;margin-bottom:60px}.recent__colors{display:flex;flex-wrap:wrap;justify-content:center;position:absolute}.recent__color{border:1px solid #000;margin:2px}.recent-color,.recent__color{cursor:pointer;height:20px;width:20px}.recent-color{border:3px solid #b9b9b9;margin-bottom:3px;margin-left:3px}.controls{display:flex;flex-direction:column;gap:10px;left:10px;position:relative;top:10px;z-index:10}.buttons button:hover{background-color:#777}canvas{cursor:crosshair}h2{margin:0;text-align:center}.MainPage{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:calc(50% - 50px);transform:translate(-50%,-50%);z-index:105}.MainPage.authenticated{left:auto;position:fixed;right:0;top:0;transform:translateX(0)}.Main_buttons{display:flex;gap:10px}.Logo{align-items:center;animation:logo-animation 5s ease-in-out infinite;display:flex;font-size:40px;height:40px;justify-content:center;margin-bottom:10px;padding:5px;text-shadow:0 0 0 #000,2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000;transition:all .3s ease-in-out}.Logo_smile{font-size:30px;position:absolute;right:23px;rotate:90deg;top:32px}@keyframes logo-animation{0%{border-color:#b4c2e600 #e3e6b4e6 #e6b4b400 #b4e6bc00;border-style:solid;border-width:10px}20%{border-color:#b4c2e600 #e3e6b400 #e6b4b4e6 #b4e6bc00;border-style:solid;border-width:10px}40%{border-color:#b4c2e600 #e3e6b400 #e6b4b400 #b4e6bce6;border-style:solid;border-width:10px}60%{border-color:#b4c2e6e6 #e3e6b400 #e6b4b400 #b4e6bc00;border-style:solid;border-width:10px}80%{border-color:#b4c2e6e6 #e3e6b4e6 #e6b4b4e6 #b4e6bce6;border-style:solid;border-width:10px}to{border-color:#b4c2e600 #e3e6b4e6 #e6b4b400 #b4e6bc00;border-style:solid;border-width:10px}}.Logo h2:nth-child(odd){transition:all 1s ease}.Logo h2:nth-child(2n){transition:none}.Logo h2:nth-child(6),.Logo h2:nth-child(7){animation:logo-h2-animation 6s infinite}.Logo h2:first-child,.Logo h2:nth-child(2),.Logo h2:nth-child(3),.Logo h2:nth-child(4){animation:logo-h2-animation 6s infinite;animation-delay:3s}@keyframes logo-h2-animation{0%{opacity:100%}25%{opacity:90%}50%{opacity:0}75%{opacity:90%}to{opacity:100%}}.MainPage.authenticated .Logo{animation:none;font-size:28px}.MainPage.authenticated .Logo h2{animation:none;transition:color 1s ease-in-out}button{align-items:center;background-color:#fff;border:none;color:#000;cursor:pointer;font-family:Pixelify Sans,sans-serif;font-size:14px;padding:10px;position:static;transition:all .3s ease;word-break:keep-all}.buttons{display:flex;flex-direction:column;margin-top:20px}input{border:2px solid #000;font-family:Pixelify Sans,sans-serif;font-size:16px;margin-bottom:5px;width:180px}.FirstPage{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}form{align-items:center;background-color:#ffffffb7;border:2px solid #000;color:#000;display:flex;flex-direction:column;justify-content:center;margin:0;width:200px}.bottom-left-panel___container{background:#9999997a;bottom:0;color:#000;left:0;position:fixed;width:200px;z-index:1}.bottom-left-panel___buttons-container{align-items:center;display:flex;gap:5px;justify-content:center;margin:5px;position:relative}.bottom-left-panel___buttons-container button{font-size:12px;height:30px;margin:0;padding:0 5px}.bottom-left-panel___buttons-container button:hover{background:gray}.color__selector{cursor:pointer;height:50px;margin-top:10px;position:absolute;right:5px;width:50px}.colors__pallete{align-items:center;display:flex;flex-wrap:wrap;width:140px}.color__container{cursor:pointer;height:20px;margin:2px;width:20px}.SubscriptionModal__Content,.rules-modal{align-items:center;background:#000000c4;color:#000;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:600px;overflow:hidden;padding:5px;position:fixed;text-align:justify;top:50%;transform:translate(-50%,-50%);width:60%;z-index:999}.SubscriptionModal__Content{max-width:400px;padding:5px}.SubscriptionModal__Content button{color:#fff}.Subscription__cost,.Subscription__info{padding:10px 0}.Subscription__cost{background:#4caf4f88}.Subscription__info{background:#5cbbab96}.rules-modal__content{align-items:center;display:flex;flex-direction:column;max-height:60vh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;width:100%}.rules-modal__content::-webkit-scrollbar{display:none}.rules-modal__highlight,.rules-modal__text{background:#fff;color:#000;font-size:16px;font-weight:600;margin:0 0 5px;padding:5px;text-align:justify;width:90%}.rules-modal__highlight{background:#9b3b3b;color:#fff;text-align:center}.rules-modal__title{background:#9b3b3b;font-size:34px;margin-bottom:20px;padding:5px;text-align:center}.modal__close-button,.rules-modal__title{color:#fff;display:block;font-weight:700;width:100%}.modal__close-button{background:#282c34;border:none;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background .3s ease,transform .3s ease}.modal__close-button:hover{animation:RulesButton 1s ease-in-out forwards;background:#5772a7;transform:scale(1.05)}@keyframes ButtonFlashing{0%{background:#80767600;width:70%}33%{background:#80767600;width:20%}66%{background:#9b3b3b;width:70%}to{background:#833f9100;width:70%}}@keyframes ButtonFlashing2{0%{background:#80767600}33%{background:#80767600}66%{background:#ff5e5e}to{background:#833f9100}}.modal__close-button{animation:ButtonFlashing 2s infinite;padding:5px;transition:all .2s ease-in-out;width:90%}.notification{animation:ButtonFlashing2 2s infinite;margin-top:0}.notification:hover{animation:RulesButton2 1s ease-in-out forwards}@keyframes RulesButton{0%{background:#80767600;width:40%}50%{background:#4442423a;color:#fff;width:25%}to{background:#ffffffd2;color:#000;width:70%}}@keyframes RulesButton2{0%{background:#80767600;width:60%}50%{background:#4442423a;color:#fff;width:40%}to{background:#ffffffd2;color:#000;width:70%}}.useful-bar{background:hsla(0,0%,72%,.678);bottom:-15px;color:#000;font-size:14px;margin-right:0;padding:2px;position:fixed;right:0;width:125px;z-index:1}.colors-pallete input{width:60px}.toggle__control__panel{background-color:#000;border:none;color:#fff;cursor:pointer;padding:10px 20px;text-align:center;width:100%;z-index:110}.toggle__control__panel:hover{background-color:#5772a7}.control-buttons{grid-gap:10px;bottom:340px;display:grid;gap:10px;grid-template-areas:"plus up minus" "left down right";grid-template-columns:auto auto auto;grid-template-rows:auto auto;left:15px;position:fixed}.move-arrow,.zoom-button{align-items:center;background:#61616160;border:none;color:#000;cursor:pointer;display:flex;font-size:12px;font-weight:900;height:50px;justify-content:center;padding:5px;transition:all .3s ease;width:50px}.zoom-button{background:#d3d3d3a8}.zoom-button:hover{background-color:#5772a7}.up-arrow{animation:up 8s linear infinite;grid-area:up}.down-arrow{animation:down 8s linear infinite;grid-area:down}.left-arrow{animation:left 8s linear infinite;grid-area:left}.right-arrow{animation:right 8s linear infinite;grid-area:right}.plus{grid-area:plus}.minus{grid-area:minus}@keyframes up{0%{background:#af66be83}25%{background:#ca985e93}50%{background:#5ea2ca93}75%{background:#5eca9493}to{background:#af66be83}}@keyframes left{0%{background:#5eca9493}25%{background:#af66be83}50%{background:#ca985e93}75%{background:#5ea2ca93}to{background:#5eca9493}}@keyframes down{0%{background:#5ea2ca93}25%{background:#5eca9493}50%{background:#af66be83}75%{background:#ca985e93}to{background:#5ea2ca93}}@keyframes right{0%{background:#5ea2ca93}25%{background:#5eca9493}50%{background:#5ea2ca93}75%{background:#af66be83}to{background:#af66be83}}.move-arrow:hover{background-color:#b066be4d}.close_button{border:4px solid #000;font-size:14px;font-weight:800;margin-right:10px;margin-top:10px;position:fixed;right:0;width:70px}.server_button:hover{background:#353535ce;color:#fff;width:100%}.online_status{background:#00000096;border:2px solid #fff;color:#fff;font-size:14px;left:0;margin:-2px 0 0 -2px;padding:8px 0;position:fixed;text-shadow:0 0 0 #000,2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000;top:0;width:160px;z-index:1}.exit{height:40px;width:70px}.status_alert{animation:status-alert 6s ease-in-out infinite;background:#000000c5;color:#fff;display:flex;height:auto;justify-content:center;margin:0;pointer-events:none;position:fixed;text-align:center;top:20vh;width:100%;z-index:3}.status_alert p{font-size:20px;width:50%}@keyframes status-alert{0%{background:#000000c5}50%{background:#982626c5}to{background:#000000c5}}.swal2-content,.swal2-title{color:#333;font-family:Pixelify Sans,sans-serif}.swal2-popup{background-color:#f5f5f5;z-index:9999}.swal2-confirm{background-color:#4caf50}.swal2-cancel,.swal2-confirm{border:none;color:#fff;font-family:Pixelify Sans,sans-serif;padding:10px 20px}.swal2-cancel{background-color:#f44336}.donation_content{border:none;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:155px;z-index:1}.donation_content input{border:none;border-radius:none;margin:0 0 10px;padding:5px 0;text-align:center;width:120px}.donation_content .server_button{margin-bottom:0}.Coordinations{display:flex;flex-direction:column;margin:0}.Coordinations p{margin:0}.Pixel-Username__Row{align-items:center;display:flex;flex-direction:column;margin-top:-10px;padding-bottom:80px}.Pixel-Username__container{word-wrap:break-word;display:flex;flex-direction:column;margin:10px 0;position:absolute;word-break:break-all}.Pixel-Username__container p{margin:0}.pixel-amount__container{background:#000;color:#fff;display:flex;flex-direction:column;margin-top:5px;text-align:center}.pixel-amount__number{align-items:center;display:flex;flex-direction:column}.pixel-amount{color:#4caf50;width:30px}.ready-bar__container{background-color:#ddd;height:20px;margin:5px auto;position:relative;width:100%}.ready-bar__lane{background-color:green;height:100%;transition:width .2s linear}.ready-bar__row{align-items:center;color:#000;display:flex;inset:0;justify-content:center;position:absolute}.isSubcribed{background-color:#4caf50;border:none;color:#fff;font-size:12px;padding:5px 2px}.Tg_Link{left:160px;position:absolute;top:0;z-index:1}.Tg_Link img{animation:tg-animation 2s ease-in-out infinite;height:50px;opacity:60%;transition:all .5s ease-in-out;width:50px}@keyframes tg-animation{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.Tg_Link img:hover{animation:none;opacity:100%;transform:scale(1)}.LeaderBoard__list{-ms-overflow-style:none;height:150px;margin:0;overflow-y:scroll;padding:0;scrollbar-width:none}.LeaderBoard__list::-webkit-scrollbar{display:none}.LeaderBoard__logo,.Menu__logo{background:#fff;border-bottom:2px solid #000;border-top:2px solid #000;margin:0}.LeaderBoard__user{background-position:31px 14px;background-size:25%;border-bottom:2px solid;display:flex;flex-direction:row;margin:0 10px}.LeaderBoard__title__data,.LeaderBoard__user__data{align-items:flex-end;display:flex;flex-direction:column}.LeaderBoard__title,.LeaderBoard__user{background-blend-mode:overlay;background-color:hsla(0,0%,100%,.733);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYkAAACKCAMAAABo4EaVAAAABlBMVEX///8AAABVwtN+AAAB4ElEQVR4nO3YQW4DQQgEQO//P52rI3nENokMsqtODkI9GJJLHg8AAAAAAAAAAAAAAAAAgA9xrTe9oXfJNnG9+PT7h+tG+cY7LuESY1xiC5fYwiW2cIktXGILl9jCJbZwiS3qS0yb3tC7HL7yqfzi0+MvfxOvO779b+JO+cWnh0v8C5fYwiW2cIktXGILl9jCJbZwiS1cYguX2MIltri+2vT2n2XT1uX6l/8P/xXPdpt1j8um7S+ufjIMrFOy7nHZtP3F1U+GgXVK1j0um7a/uPrJMLBOybrHZdP2F1c/GQbWKVn3uGza/uLqJ8PAOiXrHpdN219c/WQYWKdk3eOyafuLq58MA+uUrHtcNm1/cfWTYWCdknWPuzHuB5ve/rNsrEP34Tex7gj/7/Qv5fArv41LbOESW7jEFi6xhUts4RJbuMQWLrGFS2zhElu4xBbXV5ve/rNsrEP34cvdKPcD65Sse1w2Vn9xh3I/sE7JusdlY/UXdyj3A+uUrHtcNlZ/cYdyP7BOybrHZWP1F3co9wPrlKx7XDZWf3GHcj+wTsm6x2Vj9Rd3KPcD65Sse1w2Vn9xh3I/sE7JusdlY/UXdyj3A+uUrHvcjXE/2PT2AQAAAAAAAAAAAAAAAAAAAHi7H6CiGxgKdp8jAAAAHXRFWHRTb2Z0d2FyZQBAbHVuYXBhaW50L3BuZy1jb2RlY/VDGR4AAAAASUVORK5CYII=);color:#000;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px}.LeaderBoard__title{background:#fff;border-bottom:2px solid #000}.LeaderBoard__user__count,.LeaderBoard__user__index,.LeaderBoard__user__username{background:#9494945b;border-top:2px solid;color:#000}.LeaderBoard__user__username.green{background:#92ff325b}.LeaderBoard__user:first-child .LeaderBoard__user__index{background:#fffc3eb2}.LeaderBoard__user:nth-child(2) .LeaderBoard__user__index{background:#a3a3a3b2}.LeaderBoard__user:nth-child(3) .LeaderBoard__user__index{background:#ce8a31b2}.LeaderBoard__user__index{font-size:18px}.LeaderBoard__user__count{font-size:16px}.LeaderBoard__user__username{font-size:16px;word-break:break-all}.LeaderBoard__buttons{display:flex;flex-wrap:wrap;height:auto;justify-content:space-around}.LeaderBoard__buttons button{box-sizing:border-box;flex:1 1 45%;font-size:12px;height:20px;margin:5px;padding:1px}.LeaderBoard__buttons button:hover{background:gray}.menu__switch__buttons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5px}.menu__switch__buttons button{align-items:center;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;height:40px;justify-content:center;padding:8px 16px;text-align:center;width:100px}.statistics{align-items:flex-start;display:flex;flex-direction:column;margin-left:10px}.statistics div{background:#fff;margin:3px 0;padding:3px}.slider-container{margin:20px auto 40px;position:relative;width:150px}.slider-opacity,.slider-volume{-webkit-appearance:none;background:#ddd;height:24px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider-opacity::-webkit-slider-thumb,.slider-volume::-webkit-slider-thumb{appearance:none;background:#4caf50;cursor:pointer;height:20px;position:relative;width:20px;z-index:2}.slider-opacity::-moz-range-thumb,.slider-volume::-moz-range-thumb{background:#4caf50;border-radius:50%;cursor:pointer;height:20px;position:relative;width:20px;z-index:2}.slider-value-1,.slider-value-2{background:#4caf50;color:#fff;font-size:14px;left:0;padding:3px;pointer-events:none;position:absolute;top:-23px;transform:translateX(-100%)}.slider-value-2{top:86px;transform:translateX(-100%)}.slider-container h4{font-size:14px;margin:0}.slider-container input{margin-bottom:0}.Achivement__container{animation:achievementAppear 1s ease-in-out;left:50%;opacity:1;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .05s linear;width:100%;z-index:9999}@keyframes achievementAppear{0%{opacity:0}to{opacity:1}}.Achivement__container img{max-width:200px;width:60%}.Achivement{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:20px}.Achivement__text{margin:0 20px;padding:10px}.Achivement__text h3{font-size:36px;margin:0;padding:0}.Achivement__text h4{font-size:20px;margin:0;padding:30px 0 0}.Achievements-user__container{max-height:260px;overflow-y:scroll;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.Achievement-user{height:100%;margin-bottom:15px;width:100%}.Achievement-user__info{align-items:center;display:flex;margin-top:-60px}.Achievement-user__blur{height:60px;width:100%}.Achievement-user img{max-width:60px}.Achievements-user__text{font-size:18px;text-align:center;width:100%}.NotificationModal__container{align-items:center;background:#133541ed;display:flex;height:auto;justify-content:center;left:0;padding:5px;position:absolute;top:50%;transform:translateY(-50%);width:390px;z-index:999}.NotificationModal{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.NotificationModal__logo{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}.NotificationModal__content{width:100%}.NotificationModal__content,.NotificationModal__photo{align-items:center;display:flex}.NotificationModal__photo__text{color:#fff;font-size:14px;margin-bottom:5px}.NotificationModal__photo img{height:auto;max-height:100px}.NotificationModal__info{color:#fff;font-size:14px;width:100%}.NotificationModal__timer{font-weight:700;margin-bottom:5px}.NotificationModal__text{align-items:center;display:flex;flex-direction:column;font-size:14px;justify-content:center}.image-upload__container{background-color:#fff;color:#000;cursor:pointer;display:inline-block;margin:5px;padding:5px}.User-counter__container{margin:0;padding:0}.User-counter__container p{margin:5px}.Account-data{height:auto;max-height:250px;min-height:200px;overflow-y:scroll}.Account-data,.Account-edit-menu{display:flex;flex-direction:column}.Account-edit-menu{gap:10px;padding:5px}.Account-edit-menu button{padding:10px 0}.Account-email,.Account-username{align-items:center;display:flex;flex-direction:column;margin:5px}.Account-email p,.Account-username p{background:#94949471;margin:5px 0 10px;padding:5px;width:100%;word-break:break-all}.Account-username p:nth-child(2){background:#5e68a371}.Account-email p:nth-child(2){background:#72a35e71}.BattleMenuModal__container{background:#1f5e75f6;height:50%;left:50%;max-width:900px;min-height:450px;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);width:900px;z-index:9999}.BattleMenuModal__logo{background:#ffffff50;position:absolute;top:0;width:100%}.BattleMenuModal__logo h1{margin:0}.BattleMenuModal__content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;top:50%;transform:translateY(-50%)}.BattleMenuModal__current-games{scrollbar-arrow-color:#133541ed;display:flex;flex-direction:row;gap:20px;height:200px;margin-left:20px;overflow-x:scroll;overflow-y:hidden;scrollbar-color:#133541ed #757575;scrollbar-width:thin;width:calc(100% - 40px)}.BattleMenuModal__current-games::-webkit-scrollbar{background-color:#fff;height:8px}.BattleMenuModal__current-games::-webkit-scrollbar-thumb{background-color:#133541ed;border:1px solid #fff;border-radius:0}.BattleMenuModal__current-games::-webkit-scrollbar-thumb:hover{background-color:#133541ed}.BattleMenuModal__current-games .BattleMenuModal__game{align-items:center;background:#ffffff2c;display:flex;flex-direction:column;height:150px;height:auto;justify-content:center;min-width:150px;transition:all .15s ease-in-out}.BattleMenuModal__game p{margin:5px}.BattleMenuModal__current-games .BattleMenuModal__game button{background:#5a5b85ed;color:#fff;font-size:10px;width:100px}.BattleMenuModal__current-games .BattleMenuModal__game button:hover{background:#fff;color:#000;font-size:10px;width:100px}.BattleMenuModal__current-games .BattleMenuModal__game:hover{background:#282c34;transform:scale(1.05)}.BattleMenuModal__current-games__container h4{background:#ffffff50;width:100%}.BattleMenuModal__random-game__container h4{margin:0}.BattleMenuModal__random-game__container{align-items:center;background:#ffffff50;display:flex;flex-direction:row;gap:30px;justify-content:center;margin-top:20px}.BattleMenuModal__current-games__container,.BattleMenuModal__random-game__container{width:100%}.BattleMenuModal__random-game__container button{background:#5a5b85ed;color:#fff;height:100%}.BattleMenuModal__random-game__container button:hover{background:#fff;color:#000}.BattleMenuModal__close{height:100%;position:absolute;right:0;top:0}.BattleMenuModal__close button{background:#5a5b85ed;color:#fff;height:100%}.BattleMenuModal__close button:hover{background:#fff;color:#000}.gamePhoto{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0}.gamePhoto div{background:hsla(0,0%,100%,.521);color:#000;height:30px;width:30px}@media screen and (max-width:1000px){.BattleMenuModal__container{width:100%}}@media screen and (max-width:500px){button{font-size:10px}form h2{font-size:18px}input{width:170px}h3{font-size:14px}.Email-change__container,.Password-change__container,.Username-change__container{display:flex;flex-direction:column;max-height:200px;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.Email-change__container h3,.Password-change__container h3,.Username-change__container h3{background:#fff}.Email-change__container p,.Password-change__container p,.Username-change__container p{word-wrap:break-all;background:#fff;font-size:12px}.Email-change__container input,.Password-change__container input,.Username-change__container input{font-size:12px;width:100%}.Account-email p,.Account-username p{font-size:12px}.rules-modal{width:100%}.rules-modal__title{font-size:20px;margin:0}.rules-modal__highlight,.rules-modal__text{font-size:14px;font-weight:500;padding:2px}.NotificationModal__container{padding:2px;width:100%}.NotificationModal__photo img{max-height:60px}.NotificationModal__text{align-items:flex-start}.NotificationModal button{font-size:12px;width:150px}.Achievements-user__container{max-height:200px}.Achievement-user img{max-width:40px}.Achievements-user__text{font-size:14px}.statistics{font-size:12px}.menu__switch__buttons{max-height:200px;overflow-y:scroll}.menu__switch__buttons div button{font-size:10px;width:70px}.menu__switch__buttons button{font-size:10px;width:100%}.LeaderBoard__logo{font-size:16px}.LeaderBoard__buttons button{font-size:10px}.recent__colors__container{margin-bottom:40px}.image-upload__container{font-size:10px;padding:3px}.color-selector{width:135px}.useful-bar{font-size:10px;width:80px}.servers{font-size:10px;top:40px;width:50px}.servers:hover{width:80px}.move-arrow,.zoom-button{height:30px;width:30px}.online_status{font-size:12px;padding:4px 0;width:120px}.control-buttons{bottom:250px}.bottom-left-panel___container{width:140px}.color__container{height:10px;width:10px}.colors__pallete{width:100px}.color__selector{height:35px;margin-top:5px;width:35px}.recent__color{height:10px;width:10px}.donation_content{width:140px}.Tg_Link{left:122px;top:0}.Tg_Link img{height:38px;width:38px}.bottom-left-panel___buttons-container button{font-size:11px;height:20px;padding:0}.LeaderBoard__title,.LeaderBoard__user__index{font-size:12px}.LeaderBoard__user__count,.LeaderBoard__user__username{font-size:10px}.Achivement__container{width:auto}.Achivement{flex-direction:column}.Achivement__container img{max-width:170px;width:50%}.Achivement__text{background:#000;color:#fff;margin:20px 0;padding:5px}.Achivement__text h3{font-size:22px;margin:0;padding:0}.Achivement__text h4{font-size:14px;margin:0;padding:10px 0 0}}.loader-container{align-items:center;display:flex;flex-direction:column;height:100vh;margin-top:50px}.spinner{animation:pulse 1.2s ease-in-out infinite;background-color:#09f;height:40px;width:40px}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.Intro{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.intro{align-items:center;animation:app-anim 5s forwards;background:#000;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;max-height:100vh;overflow:hidden}.intro.fade{animation:app-fade 5s ease-in-out infinite,app-fade-flicker 1s ease-in-out infinite}.fade-out{animation:fadeOut 1s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.shape__square{align-content:center;animation:circle-anim 5s forwards,circle-rotate 8s infinite;border:25px solid #fff;border-radius:0;box-shadow:10px 10px 20px #00000080;color:#000;height:100px;position:absolute;top:0;transform:perspective(500px) rotateY(0deg);transform:rotate(100deg);transform-style:preserve-3d;transition:all .5s ease-in-out;width:100px;z-index:9999;&:hover{box-shadow:0 0 20px 20px #ffffff4b,inset 0 0 20px 20px #ffffff4b;transform:scale(1.2)}}.number__overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:9998}.random__number{animation:fadeInOut 3s forwards;color:#ffffffb3;font-family:Pixelify Sans,sans-serif;font-size:46px;font-weight:700;position:absolute}@keyframes circle-rotate{0%{transform:scale(1)}50%{box-shadow:0 0 20px 20px #ffffff4b,inset 0 0 20px 20px #ffffff4b;transform:scale(1.2)}to{transform:scale(1)}}@keyframes circle-anim{0%{border:25px solid #fff;color:#fff;height:20px;top:-50px;width:20px}25%{background:#000;border:25px solid #fff;color:#fff}35%{background:#fff;border:50px solid #000;color:#000}50%{background:#000;border:25px solid #fff;color:#fff;height:150px;top:40%;width:150px}to{background:#000;border:25px solid #fff;color:#fff;height:150px;top:40%;width:150px}}@keyframes app-anim{0%{background-color:#000}25%{background-color:#000}35%{background-color:#fff}50%{background-color:#000}to{background-color:#000}}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes main-anim{0%{background-color:#fff}to{background-color:#a1a1a1}}
/*# sourceMappingURL=main.86cc12ed.css.map*/