@import url(https://fonts.googleapis.com/css2?family=Gantari&display=swap);*,:after,:before{box-sizing:border-box}a,body,div,footer,h1,h2,h3,h4,h5,h6,header,html,img,li,nav,ol,p,section,span,strong,ul{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}.App,body{overflow:hidden}footer,header,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none}p{line-height:125%}textarea{resize:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}input::placeholder,textarea::placeholder{transition:all .3s ease-in-out}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}input:focus::placeholder,textarea:focus::placeholder{color:transparent}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb:hover{background:#888}@font-face{font-family:Unibody-black;src:url(/static/media/Unibody_8_Black.1bcae463634b9dc0cc3e.ttf)}@font-face{font-family:Unibody-bold;src:url(/static/media/Unibody_8_Bold.909784ad30328d1f848b.ttf)}@font-face{font-family:Unibody-regular;src:url(/static/media/Unibody%208%20Regular.1bff1de125e13f1af734.ttf)}@font-face{font-family:VT323;src:url(https://fonts.googleapis.com/css2?family=VT323&display=swap)}.colorBar{background-color:#fff;border:3px solid #e27d41;border-radius:50px;bottom:0;display:flex;gap:10px;justify-content:center;left:50%;margin-bottom:15px;padding:15px 30px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:70vw;z-index:2}@media screen and (max-width:1000px){.colorBar{margin-bottom:45px}}.cooldown{color:#e27d41;font-family:Unibody-bold;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.color-item{align-items:center;background-color:#ff5a5f;border:1px solid #000;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;min-width:35px;scroll-snap-align:start;transition:all .3s}.arrow-icon{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;right:4%;transition:.5s}.arrow-icon-2{left:4%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.color-list{align-items:center;display:flex;gap:15px;justify-content:space-between;max-width:90%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x}.color-list::-webkit-scrollbar{display:none}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.safari-color-item{margin:0 5px}@media(max-width:1000px){.colorBar{bottom:50px;padding:10px 30px;width:50vw}.color-list{max-width:100%}.color-item{height:20px;min-width:20px}.arrow-icon{height:12.5px;width:7px}}.pixelAdd{color:red;font-family:VT323,monospace;font-size:50px;opacity:0;pointer-events:none;position:absolute;top:50%;z-index:3}@-webkit-keyframes pixelAddAnim{0%{opacity:0;-webkit-transform:scale(0),translateY(-50px);transform:scale(0),translateY(-50px)}50%{opacity:1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:0;-webkit-transform:scale(1) translateY(-50px);transform:scale(1) translateY(-50px)}}@keyframes pixelAddAnim{0%{opacity:0;-webkit-transform:scale(0),translateY(-50px);transform:scale(0),translateY(-50px)}50%{opacity:1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:0;-webkit-transform:scale(1) translateY(-50px);transform:scale(1) translateY(-50px)}}.c-canvas{height:100vh;margin:0;position:relative;width:100vw}.c-canvas__game{box-shadow:1px 1px 10px -5px rgba(0,0,0,.5);cursor:none;height:1000px;width:2000px;z-index:1}.c-canvas__colorsChoice{position:fixed;right:50px;top:180px;z-index:2}.c-canvas__colorsChoice__choice{align-items:center;background-color:#ff5a5f;border:1px solid transparent;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;margin-bottom:10px;transition:all .3s;width:20px}.c-canvas__colorsChoice__choice:hover{background-color:#000}.c-canvas__cursor{background-color:transparent;border:2px solid #000;box-shadow:1px 1px 1px 2px #fff;box-sizing:border-box;cursor:none;height:10px;pointer-events:none;position:absolute;width:10px;z-index:9999}.canva-container{height:100vh;width:100vw}.scale-btn{font-size:24px;position:absolute;z-index:3}.pause-war{height:200px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px}.pause-war img{height:100%;width:100%}#game{overflow:hidden}.modal{height:100vh;position:fixed;right:10%;top:0;width:30%;z-index:10}.action-menus__menu__item_cross{position:fixed;right:10px;top:10px;z-index:12}@-webkit-keyframes rigth-to-center-1000{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes rigth-to-center-1000{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@-webkit-keyframes center-to-right-1000{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(300px);transform:translateX(300px)}}@keyframes center-to-right-1000{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(300px);transform:translateX(300px)}}@media(max-width:1000px){#cursor{display:none}.modal{-webkit-animation:center-to-right-600 .5s ease-in forwards;animation:center-to-right-600 .5s ease-in forwards;right:auto}.iFrameOpened,.modal{height:100vh;left:0;width:80vw}.iFrameOpened{-webkit-animation:right-to-center-600 1s ease-out forwards;animation:right-to-center-600 1s ease-out forwards}}.c-hud-info{align-items:center;display:flex;left:50%;position:absolute;top:37px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.c-hud-info__container{align-items:center;background-color:#fff;border:3px solid #e27d41;display:flex;justify-content:center;padding:14.5px 0;position:relative;width:320px}.c-hud-info__container p{color:#e27d41;font-family:Unibody-bold;font-size:18px;line-height:30px;text-align:left}.c-hud-info .orange-timer{background-color:#e27d41}.c-hud-info .orange-timer p{color:#fff}.c-hud-info .orange-timer .c-hud-info__left,.c-hud-info .orange-timer .c-hud-info__left:before,.c-hud-info .orange-timer .c-hud-info__right,.c-hud-info .orange-timer .c-hud-info__right:before{background-color:#e27d41}.c-hud-info__left{height:48px;left:-8px;width:8px}.c-hud-info__left,.c-hud-info__left:before{background-color:#fff;border-bottom:3px solid #e27d41;border-left:3px solid #e27d41;border-top:3px solid #e27d41;position:absolute}.c-hud-info__left:before{content:"";height:34px;left:-11px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:11px}.c-hud-info__right{background-color:#fff;border-bottom:3px solid #e27d41;border-right:3px solid #e27d41;border-top:3px solid #e27d41;height:48px;position:absolute;right:-8px;width:8px}.c-hud-info__right:before{background-color:#fff;border:3px solid #e27d41;border-left:0 solid transparent;content:"";height:34px;position:absolute;right:-11.5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:11px}@media(max-width:600px){.c-hud-info__container{gap:10px 0}.c-hud-info__container p{font-size:10px;text-align:center;width:175px}.c-hud-info__container{width:200px}.c-hud-info{align-items:center;display:block}.c-hud-info-coor{display:none}}.action-menus{background:#e27d41;height:100vh;position:absolute;right:0;top:0;width:10%}.action-menus,.action-menus__menu{display:flex;flex-direction:column;justify-content:center}.action-menus__menu{fill:#fff;align-items:center}.action-menus__menu__item{cursor:pointer;display:flex;height:50px;margin:15px 0;transition:all .3s ease-in-out;width:50px}.action-menus__menu__item:hover{-webkit-animation:pulse .5s ease-in-out infinite;animation:pulse .5s ease-in-out infinite}.action-menus__menu__arrow-icon{position:absolute;right:5%;top:5%;-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:99}.action-menus .action-menus-hidden{background-color:transparent}.action-menus .close-icon{display:none;position:absolute;right:4%;top:5%;z-index:99}.action-menus .btn-logout{bottom:-5%;position:relative}@media screen and (max-width:1000px){.action-menus .btn-logout{bottom:-10%}}.action-menus .pixel-war-logo{align-items:center;display:flex;flex-direction:column;position:relative;top:0;width:100%}.action-menus .menu{height:50px;width:50px}.action-menus .hide{display:none}.action-menus .safari-menu{margin:10px}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@media(max-width:1000px){.action-menus{height:100vh;width:20vw}.action-menus__menu{flex-direction:column;right:15px;width:100%}.action-menus__menu__item_2,.btn-logout{display:none}.action-menus__menu__item{display:flex;height:50px;justify-content:center;width:50px}.action-menus__menu__item:hover,.action-menus__menu__item>:hover{-webkit-animation:none;animation:none}.action-menus__menu__item__opened{position:relative;z-index:11}.menu{width:100%}.close-icon{display:block;position:absolute;top:25px;z-index:99}.action-menus__arrow-icon{position:absolute;right:40px;top:40px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header-logo{display:none}.close-icon{right:4%}}.rules-modal{background-color:#fff;border:1px solid #e27d41;height:70%;left:50%;padding:40px;position:absolute;top:-150%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .4s ease-in-out;width:70%;z-index:12}.rules-modal__content{font-family:Gantari;height:100%;position:relative;width:100%}.rules-modal__content__header{text-align:center}.rules-modal__content__header h2{color:#e27d41;display:inline-block;font-family:Unibody-black;font-size:56px;margin-bottom:24px;position:relative}.rules-modal__content__header h2:before{color:#000;content:"Consignes";font-family:Unibody-black;font-size:56px;left:calc(50% + 4px);position:absolute;top:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}.rules-modal__content__body{display:flex;flex-direction:column;font-family:Gantari;gap:20px;height:100%}.rules-modal__content__body span{color:#e27d41;font-weight:700}.rules-modal .close-icon{cursor:pointer;position:absolute;right:3%;top:3%}.coin-rules{width:24px}.modal-active{top:50%}.images{align-items:center;display:flex;justify-content:space-between;width:100%}@media screen and (max-width:1750px){.images img{width:25%}}@media(max-width:1000px){.rules-modal__content__header h2,.rules-modal__content__header h2:before{font-size:24px}.rules-modal .close-icon{right:110%;top:-12%}}.lastPixel{background-color:#fff;height:100vh;overflow-y:scroll;position:absolute;right:-100%;top:0;transition:all .4s ease-in-out;width:20%;z-index:2}.lastPixel__content{color:#fff;font-family:Unibody-bold;height:100%;position:relative;width:100%}.lastPixel__content>h2{color:#180f24;margin:1rem;text-align:center;text-transform:uppercase}.lastPixel__content .close-icon{cursor:pointer;position:absolute;right:10%;top:33px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.lastPixel__content .close-icon:hover{-webkit-animation:pulse .5s ease-in-out infinite;animation:pulse .5s ease-in-out infinite}.menu-active{right:10%;width:20vw}.user-list{flex-direction:column}.user-card,.user-list{align-items:center;display:flex}.user-card{background:#242424;border-radius:100px;box-sizing:initial;height:2rem;justify-content:center;margin:1rem 0;padding:10px;width:70%}.user-card__img-container{border-radius:50%;height:42px;overflow:hidden;width:42px}.user-card__img-container img{height:100%;object-fit:cover;width:100%}@-webkit-keyframes right-to-center-600{0%{left:0;z-index:99}to{left:100%}}@keyframes right-to-center-600{0%{left:0;z-index:99}to{left:100%}}@-webkit-keyframes center-to-right-600{0%{left:100%}to{left:0;z-index:99}}@keyframes center-to-right-600{0%{left:100%}to{left:0;z-index:99}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@media(max-width:1000px){.lastPixel{-webkit-animation:right-to-center-600 .5s ease-in forwards;animation:right-to-center-600 .5s ease-in forwards;width:80vw}.lastPixel__text{color:#000;margin-top:15px}.menu-active{-webkit-animation:center-to-right-600 .5s ease-out forwards;animation:center-to-right-600 .5s ease-out forwards;height:100vh;left:0;width:80vw;z-index:99}}.c-progressbar__totalcoins{cursor:pointer;left:35px;position:absolute;top:10%}.c-progressbar__totalcoins__container{background-color:#fff;border:3px solid #fc6;border-radius:5px;padding:10px}.c-progressbar__coins,.c-progressbar__totalcoins__container span{font-family:Unibody-bold}.c-progressbar__coins{align-items:center;color:#fc6;display:flex;font-size:16px;font-weight:900;gap:10px;justify-content:center;line-height:31px}.c-progressbar__coins img{height:24px;width:24px}.c-progressbar__bar{align-items:center;background-color:#180f24;border:4px solid #fc6;border-bottom:none;border-top:none;display:flex;flex-direction:column;height:50vh;justify-content:end;margin-left:30px;width:34px}.c-progressbar__barTop3{margin-left:33px;width:27px}.c-progressbar__barTop2,.c-progressbar__barTop3{background-color:#180f24;border-left:4px solid #fc6;border-right:4px solid #fc6;height:15px}.c-progressbar__barTop2{margin-left:38px;width:18px}.c-progressbar__barTop1{background-color:#180f24;border-top:4px solid #fc6;margin-left:42px;width:10px}.c-progressbar__barBottom1,.c-progressbar__barTop1{border-left:4px solid #fc6;border-right:4px solid #fc6;height:15px}.c-progressbar__barBottom1{background-color:#fc6;margin-left:33px;width:27px}.c-progressbar__barBottom2{background-color:#fc6;border-left:3px solid #fc6;border-right:3px solid #fc6;height:15px;margin-left:38px;width:18px}.c-progressbar__barBottom3{background-color:#fc6;border-left:4px solid #fc6;border-right:4px solid #fc6;height:15px;margin-left:42px;width:10px}.c-progressbar__fill{background-color:#fc6;display:flex;width:100%}.c-progressbar__popup{-webkit-animation:coinAnim 1s ease-in forwards;animation:coinAnim 1s ease-in forwards;left:15px;margin-top:10px;position:relative}.c-progressbar__allbar{left:30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.c-progressbar__concours{align-items:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsIAAACyCAYAAABIr6kxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAS3SURBVHgB7d2xjRRnHIfh/5xPgsCCCzdcxBXgEs6VWK7AogKgE7sDd8CV4AIOceHK0UJEgscb2yYBa8Tt+zzBbLjSTPLq008zy/DVdk+uX80yLwcAYAvrvD58uHs1fJWLAQCAICEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQdDlnavf0+s3p52YAAOA/OBEGACBJCAMAkLTMmTKNAADO1TpzXGY9zhbWuT18ePvznKGz3QgDAJyr00nm1el6NVtYZj9nyjQCAIAkIQwAQJIQBgAgSQgDAJAkhAEASBLCAAAkCWEAAJI2fY/w7vF+PwAAPBjrzNWWDXf4eH8/G9n2gxqPvnszs+wHAIAHYZn5YR5dvptNrPfzcZ7NRs54GnG6kQAA8Bk2wgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQdMYhvOwHAAA+w4kwAABJQhgAgKTL3eP9fgAA4Buw+/76Zjay7J5erwMAADGmEQAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIEkIAwCQJIQBAEgSwgAAJAlhAACShDAAAElCGACAJCEMAECSEAYAIOly1nk9G1mX+WWZuRoAAPiHdea4LOuL2cgyG9o9ff7u9Jf7AQCAf1nvD+/fPpuNmEYAAJAkhAEASBLCAAAkCWEAAJKEMAAASUIYAIAkIQwAQJIQBgAgSQgDAJAkhAEASBLCAAAkXc6G/lrmxcWsV7OFdfnpdL0ZAAC+2Drzx3JquNnAp7k4zoY2DeE/j29/n43snjy/mdNTAwDgy51q6ng43t3OGTKNAAAgSQgDAJAkhAEASBLCAAAkCWEAAJKEMAAASUIYAIAkIQwAQJIvTvwPdk+uX53u5MsBADg/t4f3dz/OGXIiDABAkhAGACDpcgAAeFjW9be5WH6dDXya5ThnSggDADw4y/3heHc7fBXTCAAAkoQwAABJQhgAgCQhDABAkhAGACBJCAMAkCSEAQBIEsIAACT9DcJWTS3BtA6WAAAAAElFTkSuQmCC);display:flex;height:178px;left:50%;padding:0 81px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:706px}.c-progressbar__concours__trophy{height:48px;width:48px}.c-progressbar__p{color:#fc6;font-size:24px;font-weight:900;letter-spacing:0;line-height:36px;padding-left:14px;text-align:center}@media(max-width:600px){.c-progressbar__totalcoins{left:10px}.c-progressbar__totalcoins span{font-size:12px}.c-progressbar__allbar{left:0}}@-webkit-keyframes coinAnim{0%{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(1280deg);transform:rotateY(1280deg)}}@keyframes coinAnim{0%{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(1280deg);transform:rotateY(1280deg)}}.ranking-menu{background-color:#fff;height:100vh;overflow-y:scroll;position:fixed;right:-100%;top:0;transition:all .4s ease-in-out;width:25%}.ranking-menu__content{color:#fff;font-family:Unibody-bold;height:100%;position:relative;width:100%}.ranking-menu__content h2{color:#000;margin:1rem;text-align:center;text-transform:uppercase}.ranking-menu .user-rank-list{align-items:center;display:flex;flex-direction:column}.ranking-menu .user-self-rank-card{align-items:center;border-radius:100px;box-sizing:initial;display:flex;justify-content:space-between;margin:1rem auto;padding:10px;position:relative;width:70%}.ranking-menu .user-self-rank-card:nth-child(2n){background-color:#9d6891;-webkit-transform:scale(1.1);transform:scale(1.1)}.ranking-menu .user-self-rank-card:nth-child(odd){background-color:#5c5c5c}.ranking-menu .user-rank-card{align-items:center;border-radius:100px;box-sizing:initial;display:flex;justify-content:space-between;margin:1rem auto;padding:10px;position:relative;width:70%}.ranking-menu .user-rank-card:first-child{background-color:#e59e49}.ranking-menu .user-rank-card:nth-child(2){background-color:#bdbdbd}.ranking-menu .user-rank-card:nth-child(3){background-color:#bf6b3c}.ranking-menu .user-self-rank{background-color:#303030}.ranking-menu .user-rank,.ranking-menu .user-self-rank{align-items:center;border-bottom-left-radius:50px;border-top-left-radius:50px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:20%}.ranking-menu .user-rank-card:first-child .user-rank{background-color:#e27d41}.ranking-menu .user-rank-card:nth-child(2) .user-rank{background-color:#565656}.ranking-menu .user-rank-card:nth-child(3) .user-rank{background-color:#774122}.ranking-menu .user-card__img-container{align-items:center;display:flex;justify-content:center}.ranking-menu .user-infos-container{align-items:center;display:flex;justify-content:space-between;margin:auto 0 auto auto;width:80%}.ranking-menu .user-infos-container .username{font-family:Gantari;font-size:14px}.ranking-menu .user-infos-container .user-score{font-size:12px}.ranking-menu-active{display:flex;opacity:1;right:10%;z-index:2}@media(max-width:1000px){.ranking-menu-active{-webkit-animation:center-to-right-600 .5s ease-in forwards;animation:center-to-right-600 .5s ease-in forwards;right:auto;transition:ease-out-ins all .4s;width:80vw;z-index:12}}.container{background-color:#241a29;display:flex;flex-direction:column;height:100vh;position:absolute;width:100vw;z-index:11}.logo{margin-top:4rem;width:25%}.btn-container{padding-right:3rem;width:45%}.btn-container,.nav-container{align-items:center;display:flex;justify-content:space-between}.nav-container{height:100%;padding:0 3rem;width:57.5%}.navbar{height:6rem;justify-content:flex-end;margin:2rem 0;width:100vw}.navbar,.settings-btn{align-items:center;display:flex}.settings-btn{background:#241a29;border:none;border-radius:200px;box-shadow:-5px -5px 10px rgba(63,46,72,.5),5px 5px 10px rgba(63,63,105,.25),10px 10px 20px rgba(44,44,73,.5),-10px -10px 20px #241a29;height:5rem;justify-content:center;width:5rem}.settings-btn>img{width:50%}.user-profile-btn{background:#241a29;border:none;border-radius:200px;box-shadow:-5px -5px 10px rgba(63,46,72,.5),5px 5px 10px rgba(63,63,105,.25),10px 10px 20px rgba(44,44,73,.5),-10px -10px 20px #241a29;font-family:Gantari;font-size:2rem;height:5rem;padding:.75rem 2rem}.timer-container,.user-profile-btn{align-items:center;color:#fff;display:flex}.timer-container{flex-direction:column;justify-content:space-around;margin:6rem 0}.timer-sentence{font-family:Gantari;font-size:1.5rem}.timer{background:#241a29;border-radius:30px;box-shadow:-5px -5px 10px rgba(63,46,72,.5),5px 5px 10px rgba(63,63,105,.25),10px 10px 20px rgba(44,44,73,.5),-10px -10px 20px #241a29;margin:3rem 0;width:60%}.timer>p{font-family:Unibody-black;font-size:8rem;padding:2rem 0;text-align:center}.avatar{border-color:#639;height:2rem;width:2rem}@media (max-width:768px){.container{background-color:#241a29;display:flex;flex-direction:column;height:100vh;position:absolute;width:100vw;z-index:20}.btn-container,.logo,.nav-container,.navbar,.settings-btn,.settings-btn>img,.timer,.timer-container,.timer-sentence,.timer>p,.user-profile-btn{display:none}}.scale-button{background-color:#fff;background-repeat:no-repeat;border-radius:50%;bottom:30px;cursor:pointer;height:50px;left:5%;position:absolute;transition:all .3s ease-in-out;width:50px;z-index:3}.scale-button-image-plus{display:none}.scale-button:hover{-webkit-animation:pulse .5s ease-in-out infinite;animation:pulse .5s ease-in-out infinite}@media(max-width:600px){.scale-button{display:none}}.c-tutorial{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;padding:0 48px;position:fixed;top:0;width:100vw;z-index:1000}.c-tutorial__wrapper{background-color:#fff;max-width:508px;padding:32px 12px;position:relative}.c-tutorial__wrapper__left{height:calc(100% - 18px);left:-25px;width:25px}.c-tutorial__wrapper__left,.c-tutorial__wrapper__left:before{background-color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.c-tutorial__wrapper__left:before{content:"";height:calc(100% - 34px);left:-12px;width:12px}.c-tutorial__wrapper__right{height:calc(100% - 18px);right:-25px;width:25px}.c-tutorial__wrapper__right,.c-tutorial__wrapper__right:before{background-color:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.c-tutorial__wrapper__right:before{content:"";height:calc(100% - 34px);right:-12px;width:12px}.c-tutorial__head{align-items:center;display:flex;justify-content:center;margin-bottom:22px}.c-tutorial__title{color:#180f24;font-family:Gantari;font-size:26px;font-weight:600;line-height:34px;margin-bottom:16px;text-align:center}@media screen and (min-width:768px){.c-tutorial__title{font-size:32px;line-height:40px}}.c-tutorial__previous{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;margin-right:auto}.c-tutorial__previous img{-webkit-transform:rotate(180deg);transform:rotate(180deg);width:12px}.c-tutorial__description{color:#000;font-family:Gantari;font-size:16px;font-weight:400;line-height:24px;margin-bottom:12px;text-align:center}.c-tutorial__description span{color:#e27d41;font-weight:600}@media screen and (min-width:768px){.c-tutorial__description{font-size:24px;line-height:32px}}.c-tutorial__step{color:#180f24;font-family:Unibody-regular;font-size:16px;font-weight:400;line-height:32px;text-align:center}.c-tutorial__buttons{align-items:center;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:500px){.c-tutorial__buttons{flex-direction:row}}.c-tutorial__button--pass{align-items:center;background-color:transparent;border:3px solid #e27d41;color:#e27d41;cursor:pointer;display:flex;font-family:Gantari;font-size:16px;font-weight:600;justify-content:center;line-height:22px;margin-bottom:12px;padding:19px;position:relative;width:169px}.c-tutorial__button--pass:hover{opacity:.8}@media screen and (min-width:500px){.c-tutorial__button--pass{margin-bottom:0;margin-right:auto}}.c-tutorial__button--pass__before{height:calc(100% - 5px)}.c-tutorial__button--pass__before,.c-tutorial__button--pass__before:before{background-color:#fff;border-bottom:3px solid #e27d41;border-left:3px solid #e27d41;border-top:3px solid #e27d41;left:-6px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6px}.c-tutorial__button--pass__before:before{content:"";height:calc(100% - 10px)}.c-tutorial__button--pass__after{height:calc(100% - 5px)}.c-tutorial__button--pass__after,.c-tutorial__button--pass__after:before{background-color:#fff;border-bottom:3px solid #e27d41;border-right:3px solid #e27d41;border-top:3px solid #e27d41;position:absolute;right:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6px}.c-tutorial__button--pass__after:before{content:"";height:calc(100% - 10px)}.c-tutorial__button--next{align-items:center;background-color:#e27d41;border:3px solid #e27d41;color:#fff;cursor:pointer;display:flex;font-family:Gantari;font-size:16px;font-weight:600;justify-content:center;line-height:22px;padding:19px;position:relative;width:169px}.c-tutorial__button--next:hover{opacity:.8}.c-tutorial__button--next__before{height:calc(100% - 5px);left:-6px}.c-tutorial__button--next__before,.c-tutorial__button--next__before:before{background-color:#e27d41;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px}.c-tutorial__button--next__before:before{content:"";height:calc(100% - 10px);left:-4px}.c-tutorial__button--next__after{height:calc(100% - 5px);right:-6px}.c-tutorial__button--next__after,.c-tutorial__button--next__after:before{background-color:#e27d41;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px}.c-tutorial__button--next__after:before{content:"";height:calc(100% - 10px);right:-4px}.c-tutorial--active,.c-tutorial--active--absolute{pointer-events:none;z-index:9999}.c-tutorial--active{position:relative}.c-hoverInfo{align-items:center;bottom:30px;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.c-hoverInfo__container{align-items:center;background-color:#fff;border:3px solid #e27d41;display:flex;justify-content:center;position:relative;width:auto}.c-hoverInfo__container p{color:#e27d41;font-family:Unibody-bold;font-size:16px;line-height:30px;text-align:left}.c-hoverInfo__bottom{background-color:#fff;border-bottom:3px solid #e27d41;border-left:3px solid #e27d41;border-right:3px solid #e27d41;height:8px;left:50%;position:absolute;top:95%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:48px}.c-hoverInfo__bottom:before{height:11px;top:100%;width:24px}.c-hoverInfo__bottom:after,.c-hoverInfo__bottom:before{background-color:#fff;border-bottom:3px solid #e27d41;border-left:3px solid #e27d41;border-right:3px solid #e27d41;content:"";left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.c-hoverInfo__bottom:after{height:10px;top:calc(100% + 10px);width:10px}.c-hoverInfo p{color:#000;font-family:Unibody-bold;font-size:16px;font-weight:400;padding:4px auto}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#e37c41;height:80px;left:50%;position:absolute;top:45%;width:80px;z-index:10}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.c-user-profile__img-container{border-radius:50%;height:42px;margin:0 auto 6px;overflow:hidden;width:42px}.c-user-profile__img-container img{height:100%;object-fit:cover;width:100%}.c-user-profile__username{color:#fff;font-family:Gantari;font-size:18px;font-weight:500;line-height:25px;text-align:center}.c-user-profile__popup{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.c-user-profile__popup button{background-color:transparent;border:none;cursor:pointer;margin-bottom:22px}.c-user-profile__popup button img{height:42px;width:42px}.c-user-profile__popup__title{color:#000;font-family:Gantari;font-size:32px;font-weight:600;line-height:40px;margin-bottom:16px;text-align:center}.c-user-profile__popup__subtitle{color:#000;font-family:Gantari;font-size:24px;font-weight:400;line-height:32px;margin-bottom:12px;text-align:center}.c-user-profile__container{background-color:#fff;padding:32px 104px}.c-user-profile__img-container__popup{display:flex;justify-content:center}.c-user-profile__img-container__popup img{aspect-ratio:1/1;width:300px}@media(max-width:1000px){.c-user-profile p{font-size:16px}}@media(max-width:700px){.c-user-profile p{font-size:12px}}.l-login{max-width:580px;padding:0 24px;width:100%}.l-login h1{font-family:Gantari;font-size:36px;font-weight:600;line-height:52px;margin-bottom:22px;text-align:center}@media screen and (max-width:768px){.l-login h1{font-size:32px;line-height:48px}}.l-login input{border:0;border-bottom:1px solid #e27d41;font-family:Gantari;font-size:24px;font-weight:400;line-height:29px;opacity:.8;outline:none;padding:12px 24px;transition:all .3s ease;width:100%}.l-login input:focus{opacity:1}.l-login input::-webkit-input-placeholder{color:#180f24}.l-login input::placeholder{color:#180f24}.l-login input:first-of-type{margin-bottom:24px}.l-login button{align-items:center;background-color:#e27d41;border:none;color:#fff;cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 12px #130921);filter:drop-shadow(0 4px 12px #130921);font-family:Gantari;font-size:27px;font-weight:600;justify-content:center;line-height:45px;margin:8px auto 32px;padding:7px 0;text-align:center;transition:all .3s ease;width:calc(100% - 36px)}.l-login button:hover{opacity:.8}.l-login__forgot{color:#e27d41;display:block;font-weight:500;margin-bottom:12px;text-decoration:underline;width:100%}.l-login__forgot,.l-login__register{font-family:Gantari;font-size:20px;line-height:24px;text-align:center}.l-login__register{font-weight:400}.l-login__register a{color:#e27d41;text-decoration:underline}.l-login__error{border:2px solid #de0101;color:#de0101}.l-login__error,.l-login__success{font-family:Gantari;font-size:24px;font-weight:400;line-height:29px;margin-bottom:12px;padding:6px 0;text-align:center}.l-login__success{border:2px solid #089a05;color:#089a05}.l-login__before{height:45px}.l-login__before,.l-login__before:before{background-color:#e27d41;left:-9px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:9px}.l-login__before:before{content:"";height:35px}.l-login__after{height:45px}.l-login__after,.l-login__after:before{background-color:#e27d41;position:absolute;right:-9px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:9px}.l-login__after:before{content:"";height:35px}.l-register{left:50%;max-width:580px;padding:0 24px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.l-register h1{font-family:Gantari;font-size:36px;font-weight:600;line-height:52px;margin-bottom:22px;text-align:center}@media screen and (max-width:768px){.l-register h1{font-size:32px;line-height:48px}}.l-register input{border:0;border-bottom:1px solid #e27d41;font-family:Gantari;font-size:24px;font-weight:400;line-height:29px;margin-bottom:24px;opacity:.8;outline:none;padding:12px 24px;transition:all .3s ease;width:100%}.l-register input::-webkit-input-placeholder{color:#180f24}.l-register input::placeholder{color:#180f24}.l-register input:focus{opacity:1}.l-register button{align-items:center;background-color:#e27d41;border:none;color:#fff;cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 12px #130921);filter:drop-shadow(0 4px 12px #130921);font-family:Gantari;font-size:27px;font-weight:600;justify-content:center;line-height:45px;margin:8px auto 32px;padding:7px 0;text-align:center;transition:all .3s ease;width:calc(100% - 36px)}.l-register button:hover{opacity:.8}.l-register__forgot{color:#e27d41;display:block;font-weight:500;margin-bottom:12px;text-decoration:underline;width:100%}.l-register__forgot,.l-register__register{font-family:Gantari;font-size:20px;line-height:24px;text-align:center}.l-register__register{font-weight:400}.l-register__register a{color:#e27d41;text-decoration:underline}.l-register__error{border:2px solid #de0101;color:#de0101;font-family:Gantari;font-size:24px;font-weight:400;line-height:29px;margin-bottom:12px;padding:6px 0;text-align:center}.l-reset{left:50%;max-width:580px;padding:0 24px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.l-reset h1{font-family:Gantari;font-size:36px;font-weight:600;line-height:52px;margin-bottom:22px;text-align:center}@media screen and (max-width:768px){.l-reset h1{font-size:32px;line-height:48px}}.l-reset input{border:0;border-bottom:1px solid #e27d41;font-family:Gantari;font-size:24px;font-weight:400;line-height:29px;opacity:.8;outline:none;padding:12px 24px;transition:all .3s ease;width:100%}.l-reset input::-webkit-input-placeholder{color:#180f24}.l-reset input::placeholder{color:#180f24}.l-reset input:first-of-type{margin-bottom:24px}.l-reset input:focus{opacity:1}.l-reset button{align-items:center;background-color:#e27d41;border:none;color:#fff;cursor:pointer;display:flex;-webkit-filter:drop-shadow(0 4px 12px #130921);filter:drop-shadow(0 4px 12px #130921);font-family:Gantari;font-size:27px;font-weight:600;justify-content:center;line-height:45px;margin:8px auto 32px;padding:7px 0;text-align:center;transition:all .3s ease;width:calc(100% - 36px)}.l-reset button:hover{opacity:.8}.l-reset__forgot{color:#e27d41;display:block;font-weight:500;margin:0 auto 12px;text-decoration:underline;width:100%;width:calc(100% - 36px)}.l-reset__forgot,.l-reset__register{font-family:Gantari;font-size:20px;line-height:24px;text-align:center}.l-reset__register{font-weight:400}.l-reset__register a{color:#e27d41;text-decoration:underline}.l-reset__error{border:2px solid #de0101;color:#de0101}.l-reset__error,.l-reset__success{font-family:Gantari;font-size:24px;font-weight:400;line-height:29px;margin-bottom:12px;padding:6px 0;text-align:center}.l-reset__success{border:2px solid #089a05;color:#089a05}
/*# sourceMappingURL=main.18cc6b0a.css.map*/