@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jersey+10&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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:monospace;font-size:16px;font-weight:100;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:50%;transform:translate(-50%,-50%);z-index:1000}.MainPage.null .Main_buttons{align-items:center;background:#ffffff9e;border:2px solid #000;display:flex;height:auto;justify-content:center;margin-top:20px;width:100%}.MainPage.null .Main_buttons .server_button{transform:translateY(0) scale(1);transition:all .2s ease-in-out;width:100%}.MainPage.null .Main_buttons .server_button:hover{width:100%}.MainPage.authenticated{align-items:flex-end;left:auto;position:fixed;right:0;top:0;transform:translateX(0)}.MainPage.authenticated .Main_buttons,.MainPage.authenticated .Main_buttons .server_button{width:100%}.Main_buttons{display:flex;gap:10px}.Main_buttons .server_button:hover{width:auto}.Logo{align-items:center;animation:logo-animation 5s ease-in-out infinite;display:flex;font-size:40px;height:40px;justify-content:center;letter-spacing:1px;margin:0;padding:2px 0;position:relative;text-shadow:0 0 5px #0003,0 0 10px #0000001a;transition:all .3s ease-in-out;width:calc(100% - 20px)}@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}}@keyframes logo-animation-white{0%{border-color:#b4c2e600 #ffffffe6 #e6b4b400 #b4e6bc00;border-style:solid;border-width:10px}20%{border-color:#b4c2e600 #e3e6b400 #ffffffe6 #b4e6bc00;border-style:solid;border-width:10px}40%{border-color:#b4c2e600 #e3e6b400 #e6b4b400 #ffffffe6;border-style:solid;border-width:10px}60%{border-color:#ffffffe6 #e3e6b400 #e6b4b400 #b4e6bc00;border-style:solid;border-width:10px}80%{border:10px solid #ffffffe6}to{border-color:#b4c2e600 #ffffffe6 #e6b4b400 #b4e6bc00;border-style:solid;border-width:10px}}.Logo h2{animation:gentleDomino 16s infinite;font-family:Jersey\ 10,sans-serif;margin:0;opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.Logo h2:first-child{animation-delay:0s}.Logo h2:nth-child(2){animation-delay:.8s}.Logo h2:nth-child(3){animation-delay:1.6s}.Logo h2:nth-child(4){animation-delay:2.4s}.Logo h2:nth-child(6){animation-delay:4.8s}.Logo h2:nth-child(7){animation-delay:5.6s}.Logo h2:nth-child(5){animation:none;position:relative}@keyframes gentleDomino{0%,6%{opacity:0;transform:translateY(-10px)}20%,8%{opacity:1;transform:translateY(0)}22%,24%{opacity:.3;transform:translateY(2px)}26%,28%{opacity:1;transform:translateY(0)}30%,32%{opacity:.3;transform:translateY(2px)}34%,36%{opacity:1;transform:translateY(0)}38%,40%{opacity:.3;transform:translateY(2px)}42%,44%{opacity:1;transform:translateY(0)}46%,to{opacity:1;transform:translateY(0)}}.MainPage.authenticated .Logo{animation:none;font-size:34px;margin:5px}.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-size:14px;padding:10px;position:static;transition:all .2s ease;word-break:keep-all}button:hover{transform:scale(1.03)}.buttons{display:flex;flex-direction:column;margin-top:20px}input{border:2px solid #000;font-family:monospace;font-size:13px;margin-bottom:5px;transition:all .2s ease-in-out;width:180px}input:focus{border-color:#c300ff;outline:none}.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}form button{background:#52525288;color:#fff;margin:3px 0;width:80%}form button:hover{background:#ffffff88;color:#000;width:95%}.MainPage form .agreement-checkbox{background:none}.MainPage form .agreement-checkbox p{color:#000;font-size:12px;text-align:left}.password-prompt{font-family:monospace;font-size:14px;margin:0;padding-left:20px;text-align:left}.password__container{align-items:center;border:2px solid #000;display:flex;justify-content:space-between;transition:all .2s ease-in-out;width:176px}.password__container input{border:none;border-right:2px solid #000;margin-bottom:0;outline:none;width:85%}.password__container:focus-within{border-color:#c300ff}.password__container:focus-within input{border-right-color:#c300ff}.password__container .password-peek{margin-bottom:3px;position:absolute;right:18px}.password-peek p{cursor:pointer;font-size:14px;margin:0;padding:0;transition:all .2s ease-in-out}.password-peek p:hover{transform:scale(1.1)}.password-strength-bar{border-bottom:1px solid #bcbcbc;margin-bottom:5px;max-width:180px}.bottom-left-panel___container{background:#9999997a;border:2px solid #000;bottom:0;color:#000;left:0;position:relative;position:fixed;width:200px;z-index:998}.bottom-left-panel___container .undo-button{background:none;margin:0;transform:none;transition:all .2s ease-in-out}.bottom-left-panel___container .undo-button:hover{background:#fe9191}.bottom-left-panel___container h3{background:#9999997a;color:#000;left:0;position:relative;z-index:998}.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:14px;font-weight:700;height:30px;margin:0;padding:0 4px}.bottom-left-panel___buttons-container button:hover{background:gray}.color__selector{border-radius:0;cursor:pointer;height:50px;margin:5px 0 5px 5px;width:50px}.colors__pallete__container{align-items:center;display:flex;justify-content:center}.colors__pallete__container p{margin:5px;padding:0}.colors__pallete{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:repeat(5,25px);grid-template-rows:repeat(2,30px)}.color-container h4{font-size:16px}.Curent-color{font-family:monospace;font-weight:100;margin:0;padding:5px 0}.color__container{cursor:pointer;height:20px;margin:2px;transition:all .1s ease-in-out;width:20px}.color__container:hover{transform:scale(1.07)}.SubscriptionModal__Container,.rules-modal{animation:slideInModal .3s ease-out forwards;background:#000000c4;color:#000;left:50%;max-height:80vh;max-width:600px;position:fixed;text-align:justify;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:50vh;z-index:1000}.SubscriptionModal__Container{max-width:400px}.SubscriptionModal__Container h2{background:#ce6535;padding:10px 0}.rules-modal{align-items:center;display:flex;flex-direction:column;z-index:1002}.rules-modal.preconditions{z-index:1003}.SubscriptionModal__Content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:(3,1fr);justify-items:stretch;max-width:400px;width:100%}.SubscriptionModal__Content .server_button,.SubscriptionModal__Content .server_button:hover{opacity:none}.SubscriptionModal__Content button{color:#fff;height:100%}.SubscriptionModal__Content button:hover{height:100%}.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;margin-top:20px;max-height:60vh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;width:100%}.rules-modal__content::-webkit-scrollbar{display:none}.rules-modal__title{align-items:center;background:#9a68e0;color:#fff;display:block;display:flex;font-size:34px;font-weight:700;gap:10px;justify-content:center;margin:0;text-align:center;width:100%}.rules-modal__title p{margin:0}.modal__close-button{background:#282c34;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px}.modal__close-button:hover{animation:RulesButton 1s ease-in-out forwards;background:#5772a7}@keyframes ButtonFlashing{0%{background:#80767600}33%{background:#80767600}66%{background:#916cc4}to{background:#833f9100}}@keyframes ButtonFlashing2{0%{background:#80767600}33%{background:#80767600}66%{background:#ff8282}to{background:#833f9100}}.modal__close-button{animation:ButtonFlashing 2s infinite;padding:5px;transition:all .2s ease-in-out;width:100%}.notification{animation:ButtonFlashing2 2s infinite;margin-top:10px}.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:100%}}@keyframes RulesButton2{0%{background:#80767600;width:60%}50%{background:#4442423a;color:#fff;width:40%}to{background:#ffffffd2;color:#000;width:100%}}.useful-bar{background:hsla(0,0%,72%,.678);border:2px solid #000;bottom:-15px;color:#000;font-size:14px;margin-right:0;padding:2px;position:fixed;right:0;width:110px;z-index:999}.useful-bar .server_button.sub{background:#d3d3d3;color:#000;font-size:14px;font-weight:700}.useful-bar .server_button.sub:hover{background:#3591ce;transform:none}.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;transform:none}.control-buttons{grid-gap:10px;bottom:10px;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:210px;position:fixed;z-index:999}.control-buttons.nonAuth{bottom:20px;left:10px}.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{align-items:center;background:#00000096;color:#fff;display:flex;flex-direction:column;font-family:monospace;font-size:14px;height:40px;justify-content:center;left:0;margin:0;padding:5px 0;position:fixed;top:0;width:160px;z-index:1}.online_status p{margin:0}.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:monospace}.swal2-popup{background-color:#f5f5f5;z-index:9999}.swal2-confirm{background-color:#4caf50}.swal2-cancel,.swal2-confirm{border:none;color:#fff;font-family:monospace;padding:10px 20px}.swal2-cancel{background-color:#f44336}.donation_content{border:none;display:flex;flex-direction:column;margin:0;position:fixed;right:0;top:0;width:145px;z-index:1001}.donation_content input{font-family:monospace;font-size:12px;margin:0 0 10px;padding:5px 0;text-align:center;width:100%}.donation_content .server_button{margin-bottom:0;width:100%}.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}.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{height:50px;opacity:60%;transition:all .2s ease-in-out;width:50px}.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;width:100%}.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__count,.LeaderBoard__user__username{font-family:monospace}.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{align-items:center;display:flex;font-size:18px}.LeaderBoard__user__index p{margin:0;text-align:center}.LeaderBoard__user__count{font-size:15px}.LeaderBoard__user__username{font-size:15px;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;overflow:hidden}.menu__switch__buttons button{align-items:center;border:1px solid #ccc;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:40px;justify-content:center;padding:10px 18px;text-align:center;width:100px}.statistics{align-items:flex-start;display:flex;flex-direction:column}.statistics div{align-items:center;background:#fff;border-bottom:2px solid #000;border-top:2px solid #000;display:flex;flex-wrap:wrap;font-family:monospace;font-size:15px;justify-content:space-between;margin:3px 0;padding:5px 0;transition:all .2s ease-in-out;width:100%}.statistics div:hover{background:#a6a6a6;color:#fff;justify-content:center}.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:90%}.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:0 5px;pointer-events:none;position:absolute;transform:translateX(-100%)}.slider-value-1{top:-18px}.slider-value-2{top:115px}.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__info,.Achievement-user__info img{transition:all .2s ease-in-out}.Achievement-user__info:hover{transform:scale(1.1)}.Achievement-user__info:hover img{transform:scale(1.1) translateX(10px) translateY(5px)}.Achievement-user__blur{height:60px;width:100%}.Achievement-user img{max-width:60px}.Achievements-user__text{font-size:18px;text-align:center;transition:all .3s ease-in-out;width:100%}.NotificationModal__container{align-items:center;background:#9a68e0e8;display:flex;height:auto;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:390px;z-index:1000}.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{justify-content:space-around;width:100%}.NotificationModal__content,.NotificationModal__photo{align-items:center;display:flex}.NotificationModal__photo__text{color:#fff;font-size:14px;margin-bottom:5px}.NotificationModal__photo__text div:first-child{font-size:16px;font-weight:600}.NotificationModal__photo__text div:nth-child(2){font-size:14px;font-weight:200}.NotificationModal__photo img{height:auto;max-height:100px}.NotificationModal__info{color:#fff;font-size:14px}.NotificationModal__timer{font-weight:700;margin-bottom:5px}.NotificationModal__timer div:first-child{font-size:16px;font-weight:600}.NotificationModal__timer div:nth-child(2){font-size:14px;font-weight:200}.NotificationModal__text{align-items:center;display:flex;flex-direction:column;font-size:14px;justify-content:center}.NotificationModal__text div:first-child{font-size:16px;font-weight:600}.image-upload__container{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer;display:inline-block;margin:5px;padding:5px;transition:all .2s ease-in-out}.image-upload__container:hover{background-color:#3591ce;border-color:#fff;color:#fff}.User-counter__container{word-wrap:break-word;letter-spacing:-1px;margin:0;padding:0;word-break:keep-all}.User-counter__container p{font-size:16px;margin:2px;text-align:center}.Account-data{display:flex;flex-direction:column-reverse;gap:10px;height:auto;max-height:250px;overflow-y:scroll;width:100%}.Account-data button:hover{background:#3591ce;transform:none}.Account-exit .server_button{background:#fff;color:#000}.Account-exit .server_button:hover{transform:none}.Account-data button{width:100%}.Account-edit-menu{display:flex;flex-direction:column;gap:10px;padding:5px}.Account-edit-menu button{padding:10px 0}.Account-email,.Account-subs,.Account-username{align-items:center;border-bottom:2px solid;border-top:2px solid;display:flex;flex-direction:column}.Account-subs{text-align:justify;width:100%}.Account-subs,.Account-subs div{align-items:stretch;display:flex;flex-direction:column}.Account-subs div{background:#4caf50;border-top:2px solid #000;color:#fff;padding:5px 0}.Account-subs div p{font-size:12px;margin:0;text-align:justify}.Account-email p,.Account-username p{background:#f2f2f2;height:100%;margin:0;padding:5px 0;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}.Context_menu-container{background-color:#484848a3;border:1px solid #000;position:absolute;z-index:1000}.Context_menu-container .colors__pallete{color:#fff;grid-template-columns:repeat(5,17px);grid-template-rows:repeat(2,20px)}.Context_menu-container .color__selector{height:40px;width:40px}.Context_menu-close_button{background-color:red;border-bottom:1px solid #000;border-left:1px solid #000;cursor:pointer;height:20px;position:absolute;right:0;top:0;transition:all .1s ease-in-out;width:20px}.Context_menu-close_button:hover{transform:scale(1.05)}.Context_menu{display:flex;flex-direction:column}.Context_menu .colors__pallete .color__selector{display:none}.Context_menu .colors__pallete .color__container{height:10px;width:10px}.Context_menu .colors__pallete__container p{color:#fff}.undo-button{background:#fe9191;cursor:pointer;margin:10px 10% 0}.ColorBuy-button{font-family:monospace}.agreement-checkbox{align-items:center;background:#444;display:flex;gap:10px;justify-content:center;margin:0}.agreement-checkbox input[type=checkbox]{border-radius:none;cursor:pointer;height:20px;margin:0;width:20px}.agreement-checkbox a{color:#fff;cursor:pointer;font-size:14px;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.agreement-checkbox a:hover{color:#6b6b6b}.donation_content .agreement-checkbox{opacity:80%;padding:5px}.rules-modal__scroll-button{font-size:20px;height:40px;padding:0;position:absolute;right:0;top:50%;width:20px}.copyright{bottom:0;position:fixed;text-align:center;z-index:999}.copyright,.copyright.auth{display:flex;justify-content:center;width:100%}.copyright.auth{position:relative}.copyright p{background:#0000003a;color:#ffffffa6;font-size:11px;margin:0;padding:2px 5px}.copyright.auth p{font-size:14px;padding:0 5px;width:100%}.Email-change__container button,.Password-change__container button,.Username-change__container button{margin-top:5px;width:100%}.Documents-page__container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.Documents-page__owner-info{align-items:center;display:flex;flex-direction:row-reverse;font-family:monospace;font-size:18px;gap:10px;height:auto;margin-bottom:20px;text-align:left}.Documents-page__owner-info div p{margin:4px 0}.Documents-page__container h2{font-weight:100}.Documents-page__container a{color:#fff;font-size:18px;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.Documents-page__container a:hover{color:#969696}.Documents-page__pdf{height:100vh;margin-top:20px;overflow-y:scroll;position:relative;width:100%}.Documents-page__container .Logo{animation:logo-animation-white 5s ease-in-out infinite}.Documents-page__container .copyright{left:0;width:auto}.color-input-group input{border-radius:none}.Coins__container .agreement-checkbox{background:none;margin-top:5px}.Coins__container .agreement-checkbox a{color:#000;text-decoration:none}.Coins__container .agreement-checkbox a:hover{color:#8b8b8b}.tooltip{cursor:help;position:relative}.tooltip:hover:after{word-wrap:break-word;background:#333;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;height:auto;padding:5px 10px;pointer-events:none;position:absolute;right:0;width:250px;z-index:1001}.Coins__container .agreement-checkbox .tooltip:hover:after,.tooltip.input:hover:after{bottom:110%;left:-10px;right:auto}.MainPage .agreement-checkbox a{color:#000;padding:5px}.pdf-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:20px}.pdf-card{align-items:center;animation:slideIn .3s ease-out forwards;background:#9a68e0;color:#1a2a44;display:flex;padding:10px;text-decoration:none;transition:all .2s ease-in-out;width:90%}.pdf-card:hover{background:#ffffffa1;transform:translateY(6px)}.pdf-card__icon{margin-right:5px}.pdf-card__icon img{height:48px;width:48px}.pdf-card__content{flex:1 1}.pdf-card__title{color:#1a2a44;font-size:18px;font-weight:600;margin:0 0 4px}.Documents-page__pdf .pdf-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.Documents-page__pdf .pdf-card{background:#fff;color:#000}.Documents-page__pdf .pdf-card:hover{background:#ffffffa1}.Documents-page__owner-info .Logo{padding:4px 8px;width:auto}.rules-list{background:#916cc4;display:flex;flex-direction:column;gap:10px;padding:12px}.rules-list .rule-item{border-left:4px solid #b796f0;color:#fff;font-size:16px;line-height:1.6;margin:0;padding:8px 12px;transition:background-color .3s ease,transform .2s ease}.rules-list .rule-item:hover{background-color:#ffffff26;transform:translateX(5px)}.rules-list .rule-item:nth-child(12),.rules-list .rule-item:nth-child(7){color:#e6d9ff;font-weight:600;margin-top:10px;padding-top:14px}.rules-list .rule-item:nth-child(7){border-left-color:#fbff00}.rules-list .rule-item:nth-child(12){border-left-color:#ff3700}.rules-list .rule-item:nth-child(13),.rules-list .rule-item:nth-child(14),.rules-list .rule-item:nth-child(15),.rules-list .rule-item:nth-child(16){padding-left:24px;position:relative}.rules-list .rule-item:nth-child(13):before,.rules-list .rule-item:nth-child(14):before,.rules-list .rule-item:nth-child(15):before,.rules-list .rule-item:nth-child(16):before{color:#ff3700;content:"�";font-size:16px;left:12px;position:absolute}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInModal{0%{opacity:0;transform:translate(-50%,calc(-50% - 40px))}to{opacity:1;transform:translate(-50%,-50%)}}.mini-canvas-toggle{word-wrap:break-word;background-color:#007bff;border:none;color:#fff;cursor:pointer;left:0;padding:5px;position:fixed;top:100px;transition:all .3s ease-in-out;width:90px;z-index:1001}.mini-canvas-toggle:hover{background-color:#916cc4}.mini-canvas-modal{align-items:center;animation:showUp .3s ease-out forwards;background-color:#000c;display:flex;height:100vh;justify-content:center;position:fixed;top:0;transition:transform .3s ease-in-out;width:100%;z-index:1000}@keyframes showUp{0%{opacity:0}to{opacity:100%}}.mini-canvas-modal.open{transform:translateX(0)}.mini-canvas-content{background-color:#916cc4;display:flex;flex-direction:column;padding:10px;position:relative;text-align:center}.mini-canvas-content h3,.mini-canvas-content p{margin:0}.mini-canvas-close{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:5px;top:0}.mini-canvas-clear{background-color:#ff6a6a;border:none;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.mini-canvas-clear:hover{background-color:#e60000;transform:none}.image-modal{border:1px solid #000;overflow:hidden;pointer-events:none;position:fixed;z-index:1005}.image-modal-header{align-items:center;background-color:#f1f1f1;cursor:move;display:flex;justify-content:space-evenly;pointer-events:auto}.image-modal-image{height:calc(100% - 50px);object-fit:contain;pointer-events:none;width:100%}.image-modal-resize{background-color:#ccc;bottom:0;cursor:se-resize;height:20px;opacity:.75;pointer-events:auto;position:absolute;right:0;width:100%}.slider-opacity{margin:0 10px;width:100px}.close-button{font-size:16px}.close-button,.fullscreen-button{background:none;border:none;cursor:pointer}.fullscreen-button{padding:5px 10px}canvas{border:1px solid #000}.g-recaptcha{align-items:center;margin:0;transform:scale(.9)}.rc-anchor-compact{height:auto!important;width:auto!important}.modal-overlay{align-items:center;animation:showUp .3s ease-out forwards;background:#00000080;bottom:0;color:#000;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;max-width:90%;padding:20px;text-align:center;width:400px}.modal-text{border-top:5px solid #37a2f3;color:#224661;font-size:16px;padding:10px 0;text-align:justify}.modal-content img{width:100%}.modal-content h2,.modal-content p{margin-bottom:20px}.modal-content input{border:1px solid #ccc;margin-bottom:20px;padding:10px;width:100%}.modal-buttons{display:flex;justify-content:space-between}.modal-buttons button{border:none;cursor:pointer;padding:10px 20px}.modal-buttons button:first-child{background:#28a745;color:#fff}.modal-buttons button:last-child{background:#dc3545;color:#fff}.modal-buttons button:disabled{background:#ccc;cursor:not-allowed}.promo-code-button{background:#7d7090;border:none;color:#fff;cursor:pointer;left:0;padding:15px 5px;position:fixed;top:150px;width:90px;z-index:999}.promo-code-button:hover{background:#9a68e0}.tg-link__container{align-items:center;background:#37a2f3;cursor:pointer;display:flex;justify-content:space-evenly;margin:10px 30px;text-decoration:none;transition:all .3s ease-in-out}.tg-link__container p{color:#fff;cursor:pointer;font-family:monospace;letter-spacing:-1px;margin:0;text-decoration:none}.tg-link__container:hover{margin:10px 0}.tg-link__container img{width:50px}.Color-subscription-time{background:#4caf50;color:#fff}@media (max-width:600px){.rules-modal{padding:16px;width:95%}.rules-modal__title{font-size:20px}.pdf-card__icon{margin-bottom:8px;margin-right:0}.pdf-list{grid-template-columns:1fr}}@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}.Account-subs div p{font-size:10px}.Color-subscription-time{font-size:11px}.isSubcribed{font-size:10px;padding:0}.tg-link__container p{font-size:11px;letter-spacing:1px}.modal-text{font-size:12px}.promo-code-button{padding:10px 5px;top:125px}.mini-canvas-content p{font-size:11px}.mini-canvas-toggle{top:90px}.rules-list .rule-item{font-size:12px}.User-counter__container p{font-size:11px}.Documents-page__owner-info{flex-direction:column}.agreement-checkbox a,.copyright.auth p{font-size:11px}.password__container{width:166px}.password-strength-bar{max-width:170px}.password__container .password-peek{right:22px}.password-prompt{font-size:11px}.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%}.Password-change__container .password__container input{width:80%}.Password-change__container .password__container{width:97%}.Password-change__container .password__container .password-peek{position:relative;right:5px}.Password-change__container .password__container .password-peek p{background:none}.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{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,.statistics div{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}.Curent-color{font-size:12px}.image-upload__container{font-size:10px;padding:3px}.color-selector{width:135px}.useful-bar{font-size:10px;width:70px}.move-arrow,.zoom-button{height:30px;width:30px}.online_status{font-size:12px;height:40px;padding:3px 0;width:120px}.control-buttons{bottom:5px;left:150px}.bottom-left-panel___container{width:140px}.color__container{height:10px;width:10px}.colors__pallete{grid-template-columns:repeat(5,17px);width:100px}.color__selector{height:35px;margin:0;width:35px}.recent__color{height:10px;width:10px}.donation_content{width:143px}.Tg_Link{left:120px;top:0}.Tg_Link img{height:46px;width:46px}.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}.color-container h4,.color-container label,.color-container p{font-size:12px}.ColorBuy-button{width:100%}.Achievement-user__info{flex-direction:column}.Achievement-user__info:hover img{transform:scale(1.1) translateY(5px)}.Achievement-user__info:hover .Achievements-user__text{transform:scale(.65) translateY(4px)}.useful-bar .server_button.sub{font-size:11px}}.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:Jersey\ 10,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}}.rewards-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));max-height:280px;overflow-y:scroll;padding:10px}.reward-item{background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 1px 2px #0000001a;font-family:monospace;font-size:12px;padding:8px}.reward-item,.reward-item div{display:flex;flex-direction:column}.reward-item div{gap:4px}.reward-item div span{background:#0000000d;margin:0;padding:4px}.reward-item div span:first-child{background:none;font-size:14px;font-weight:700;text-align:center}.reward-item div span:nth-child(2){margin-top:4px;padding-top:6px;text-align:center}.reward-item.completed{background-color:#d4edda}.reward-item.claimed{background-color:#28a745;color:#fff}.reward-item.claimed div span{background:#ffffff26;color:#fff}.claim-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:11px;margin-top:auto;padding:5px 10px;width:100%}.claim-button.inactive{background-color:#6c757d;cursor:not-allowed;opacity:.7}.claim-button.active:hover{background-color:#0056b3}@media (max-width:500px){.rewards-list{gap:6px;grid-template-columns:1fr;padding:5px}.reward-item{font-size:10px;padding:6px}.reward-item div span:first-child{font-size:12px}.claim-button{font-size:10px;padding:4px 8px}}.shop-container{box-sizing:border-box;height:280px;overflow-y:scroll;padding:10px;text-align:center}.coins-display{background:#fff;border-bottom:2px solid #000;font-family:monospace;font-size:16px;font-weight:700}.boosts-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:15px}.boost-card{background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 1px 2px #0000001a;font-family:monospace;font-size:12px;padding:8px}.boost-card.active{background-color:#d4edda}.boost-card h4{font-size:14px;font-weight:700;margin:0 0 4px}.boost-card p{border-top:1px solid #000;font-size:11px;margin:2px 0}.boost-card button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:11px;padding:5px 10px;width:100%}.boost-card button:disabled{background-color:#6c757d;cursor:not-allowed}.Coin__boost{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;font-family:monospace;font-size:12px;padding:8px}.Coin__boost button{align-items:center;background-color:#007bff;border:none;color:#fff;display:flex;height:20px;justify-content:center;width:100%}.Coin__boost span{border-top:1px solid #000;font-size:16px;transition:all .3s ease-in-out;width:100%}.Coins-title{display:flex;flex-direction:column;gap:10px;height:250px;margin-top:10px;overflow-y:scroll;padding:8px}.Coins-title button span{border:none;font-size:11px}@media (max-width:500px){.Coins-title{font-size:12px}.shop-container{height:250px;padding:5px}.boosts-grid{gap:6px;grid-template-columns:1fr}.boost-card{font-size:10px;padding:6px}.boost-card h4{font-size:12px}.boost-card p{font-size:10px}.boost-card button{font-size:10px;padding:4px 8px}.coins-display{font-size:12px;margin-bottom:10px}.Coin__boost span{font-size:12px}.menu__switch__buttons{margin-top:10px}.menu__switch__buttons button{font-size:11px;padding:5px 10px}}.chat-toggle-button{background-color:#7d7090;border:4px solid #0000;border-image-slice:4;border-image-width:4px;color:#fff;cursor:pointer;font-size:13px;left:0;position:fixed;top:100px;transform:none;width:90px;z-index:50}.chat-toggle-button:hover{background-color:#9a68e0;width:160px}@media (max-width:500px){.chat-toggle-button{font-size:11px;height:30px;line-height:5px;top:90px}.chat-toggle-button:hover{width:120px}}.chat-container{background-color:#1a1a1ae5;border-image-slice:4;border-image-width:4px;border-left:4px solid #ab70ff;color:#fff;display:flex;flex-direction:column;height:100%;position:fixed;right:0;top:0;transition:transform .3s ease-in-out;width:100%;z-index:9999}@media (min-width:768px){.chat-container{width:50%}}.chat-container-open{transform:translateX(0)}.chat-container-closed{transform:translateX(100%)}.chat-header{align-items:center;border-bottom:2px solid #ab70ff;border-image-slice:4;border-image-width:2px;display:flex;justify-content:space-between;padding:16px}.chat-title{font-size:24px}.chat-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.chat-close-button:hover{color:#c398ff}.chat-messages{flex:1 1;overflow-y:auto;padding:16px}.chat-message{background-color:#2f2f2fcb;border:2px solid #ab70ff;border-image-slice:4;border-image-width:2px;cursor:pointer;margin-bottom:16px;padding:12px}.chat-message:hover{background-color:#353535}.chat-message-reply{color:#9ca3af;display:flex;font-size:14px;margin-bottom:4px}.chat-message-content{align-items:center;display:flex;gap:8px}.chat-message-username{font-weight:700}.chat-message:nth-child(6n+1) .chat-message-content .chat-message-username{color:#ab70ff}.chat-message:nth-child(6n+2) .chat-message-content .chat-message-username{color:#70ff79}.chat-message:nth-child(6n+3) .chat-message-content .chat-message-username{color:#fbad58}.chat-message:nth-child(6n+4) .chat-message-content .chat-message-username{color:#70eeff}.chat-message:nth-child(6n+5) .chat-message-content .chat-message-username{color:#ff7070}.chat-message:nth-child(6n+6) .chat-message-content .chat-message-username{color:#fdff70}.chat-message-text{word-wrap:break-word;color:#d1d5db;word-break:break-all}.chat-message-timestamp{color:#fff;display:flex;font-family:monospace;font-size:12px;justify-content:flex-end;margin-top:4px}.chat-input-container{border-image-slice:4;border-image-width:2px;border-top:2px solid #ab70ff;padding:16px}.chat-reply-info{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.chat-reply-cancel{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px}.chat-reply-cancel:hover{color:#b91c1c}.chat-input-wrapper{align-items:center;display:flex;gap:8px}.chat-input{background-color:#2a2a2a;border:2px solid #ab70ff;border-image-slice:4;border-image-width:2px;color:#fff;flex:1 1;outline:none;padding:8px;resize:none}.chat-send-button{background-color:#ab70ff;border:2px solid #0000;border-image-slice:4;border-image-width:2px;color:#fff;cursor:pointer;padding:8px 16px}.chat-send-button:hover{background-color:#7149a8}.chat-char-count{color:#9ca3af;font-size:14px;margin-top:8px}.color-dropdown-container{position:relative}.color-dropdown{grid-gap:3px;background-color:#727272;border:2px solid #000;bottom:100%;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);left:0;padding:0;position:absolute;z-index:10}.color-dropdown-toggle{align-items:center;background-color:#f0f0f0;border:2px solid #ddd;cursor:pointer;display:flex;justify-content:center}.color-dropdown-toggle span{font-size:12px}.color-input-group{font-family:monospace}.color-dropdown-container:hover .color__container{transform:none}
/*# sourceMappingURL=main.835f6028.css.map*/