#master,body,html{align-items:center;display:flex;height:100%;margin:0 auto;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:hsla(0,0%,69%,.3);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container,body{align-items:center;display:flex;justify-content:center}.app-container{flex-direction:row}.level-text{font-size:1.5rem;font-weight:700;margin:0;text-align:center;text-decoration:underline;-webkit-user-select:none;user-select:none}@media(max-width:1280px){.level-text{font-size:1.2rem;font-weight:bolder}}.game-quest{font-size:1.8rem;font-weight:700;margin:0;text-align:center;-webkit-user-select:none;user-select:none;width:100%}@media(max-width:1280px){.game-quest{font-size:1.5rem;font-weight:bolder}}.color-text:not(:last-child):after{color:#000;content:", "}.popup-box{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px solid #fff;border-radius:10px;box-shadow:-5px 5px 10px 1px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:90px;height:450px;margin-bottom:200px;width:700px}.popup-box.colorful{background-image:url(/colors-craze-game/static/media/color-splash.aec0c42a6ff5bde64f01.png);background-size:cover}.popup-box h1{align-self:center;font-size:2em;margin-top:15px;-webkit-user-select:none;user-select:none}.popup-box .action-button{margin-top:130px}@media(min-width:481px)and (max-width:767px){.popup-box{height:370px;width:450px}.popup-box h1{font-size:1.5em;margin-top:30px}.popup-box .action-button{margin-top:70px}.popup-box.colorful{background-position-x:center;background-position-y:40px}}@media(max-width:480px){.popup-box{height:370px;width:300px}.popup-box h1{font-size:1.1em;margin-top:35px}.popup-box .action-button{margin-top:50px}.popup-box.colorful{background-position-x:center;background-position-y:50px}}.action-button{background-color:hsla(0,0%,100%,.9);border:initial;border-radius:10px;box-shadow:-5px 5px 10px 1px rgba(0,0,0,.15);cursor:pointer;font-weight:700;padding:20px;-webkit-user-select:none;user-select:none}.action-button p{font-size:1.8em;margin:0}.action-button:hover{opacity:.7}.action-button.colorful p{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,rgba(255,0,0,.9),rgba(255,165,0,.9),rgba(255,215,0,.9),rgba(0,128,0,.9),rgba(0,0,255,.9),rgba(75,0,130,.9),rgba(238,130,238,.9))}@media(min-width:481px)and (max-width:767px){.action-button{padding:18px}.action-button p{font-size:1.4em}}@media(max-width:480px){.action-button{padding:17px}.action-button p{font-size:1.2em}}.main-container{align-items:center;display:flex;flex-direction:row;gap:150px;height:100%;width:100%}@media(min-width:1281px)and (max-width:1550px){.main-container{gap:80px}}@media(max-width:1280px){.main-container{flex-direction:column;gap:60px;justify-content:flex-start}}.mid-container{align-items:center;display:flex;flex-direction:column;gap:65px;height:900px;width:900px}@media(min-width:1281px)and (max-width:1550px){.mid-container{height:800px;width:770px}}@media(max-width:1280px){.mid-container{gap:20px}}@media(min-width:1025px)and (max-width:1280px){.mid-container{height:500px;width:700px}}@media(min-width:768px)and (max-width:1024px){.mid-container{height:400px;width:600px}}@media(min-width:481px)and (max-width:767px){.mid-container{height:350px;width:450px}}@media(max-width:480px){.mid-container{height:310px;width:350px}}.mid-table-container{display:flex;height:60%;justify-content:center;margin-bottom:40px;width:100%}@media(max-width:1280px){.mid-table-container{height:100%;margin-bottom:0}.only-for-widescreens{height:0;visibility:hidden;width:0}}.digit-container{border:4px solid transparent;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.d-shape{background-color:#000;position:absolute}.d-shape.passive{opacity:.08}.d1-shape{-webkit-clip-path:polygon(3% 0,97% 0,75% 100%,25% 100%);clip-path:polygon(3% 0,97% 0,75% 100%,25% 100%);height:11%;width:100%}.d2-shape{-webkit-clip-path:polygon(0 0,0 100%,40% 70%,40% 30%);clip-path:polygon(0 0,0 100%,40% 70%,40% 30%);width:65%}.d2-shape,.d3-shape{height:50%;position:absolute;top:0}.d3-shape{-webkit-clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);right:0;width:25%}.d4-shape{-webkit-clip-path:polygon(25% 10%,75% 10%,95% 40%,75% 70%,25% 70%,5% 40%);clip-path:polygon(25% 10%,75% 10%,95% 40%,75% 70%,25% 70%,5% 40%);height:20%;top:42%;width:100%}.d5-shape{-webkit-clip-path:polygon(0 0,0 100%,40% 70%,40% 30%);clip-path:polygon(0 0,0 100%,40% 70%,40% 30%);width:65%}.d5-shape,.d6-shape{bottom:0;height:50%;position:absolute}.d6-shape{-webkit-clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);clip-path:polygon(0 30%,100% 0,100% 100%,0 70%);right:0;width:25%}.d7-shape{bottom:0;-webkit-clip-path:polygon(25% 0,75% 0,97% 100%,3% 100%);clip-path:polygon(25% 0,75% 0,97% 100%,3% 100%);height:11%;width:100%}.numbers-container{align-items:flex-end;box-sizing:border-box;flex-direction:row}.numbers-container,.two-digits{display:flex;height:100%;position:relative;width:100%}.two-digits:first-child{margin-right:.3rem}.two-digits:first-child:after{content:":";font-size:2.5rem;margin:auto;position:absolute;right:-10px;top:41%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.two-digits:last-child{height:75%;width:75%}.text-style{color:#000;font-size:15px;font-weight:700;-webkit-user-select:none;user-select:none}.text-style.passive{opacity:.3}.clock-component-container{border-radius:10px 10px 0 0;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);overflow:hidden}.days-container{flex-wrap:wrap;gap:8px}.component-container,.days-container{align-items:center;box-sizing:border-box;display:flex}.component-container{background-color:#f3f3f3;border:5px solid #f3f3f3;flex-direction:column;gap:5px;height:100%;justify-content:flex-start;padding:5px 0 0;width:100%}.small .component-container{padding:2px 0 0}.small .text-style{font-size:12px;font-weight:700}.small .bottom-container{font-size:12px}.small .two-digits:after{font-size:2em;right:-8px}.small .days-container{gap:6px;padding-bottom:1px}.small .component-container{gap:0}.bottom-container{box-sizing:border-box;display:flex;gap:5px;justify-content:flex-end;width:100%}.bottom-container:hover{cursor:pointer}.digits-container{height:55%;width:80%}.square{-webkit-animation:scale-in 1.5s ease-in-out forwards;animation:scale-in 1.5s ease-in-out forwards;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.3);cursor:pointer;flex:1 1 auto;height:100%;transition:box-shadow .11s,background-color .15s ease,-webkit-transform .3s;transition:transform .3s,box-shadow .11s,background-color .15s ease;transition:transform .3s,box-shadow .11s,background-color .15s ease,-webkit-transform .3s}.square:hover{box-shadow:0 9px 18px rgba(0,0,0,.3),inset 0 0 0 .8px #fff,0 0 0 .7px #000}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.table-container{border-radius:25px;box-shadow:0 15px 25px rgba(0,0,0,.15),0 5px 10px rgba(0,0,0,.05);flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:30px}.row,.table-container{align-items:center;display:flex;gap:7px;width:100%}.row{flex:1 1 auto}
/*# sourceMappingURL=main.d4c8fdf1.css.map*/