*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:focus:focus-visible{outline:none}.app{height:100vh;overflow:hidden;background:linear-gradient(135deg,#79ace0 10%,#227cd6 90%)}.counter,.final{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.counter.hide{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-animation:hide .3s linear;animation:hide .3s linear}.counter>h4,.final>h1{color:#fff;font-family:sans-serif;text-transform:uppercase}.final{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.final.show{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-animation:show .4s linear;animation:show .4s linear}.num-group{position:relative;overflow:hidden;font-size:50px;color:#600fe2;width:100%;max-width:250px;height:50px}.num-group>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(120deg);transform:translate(-50%,-50%) rotate(120deg);-webkit-transform-origin:bottom center;transform-origin:bottom center}.num-group>span.out{-webkit-animation:goOut .6s ease-in-out;animation:goOut .6s ease-in-out}.num-group>span.in{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);-webkit-animation:goIn .6s ease-in-out;animation:goIn .6s ease-in-out}.counter>h4{margin:1rem 10px}.final>h1{margin:5px}.final>.replay-btn{display:inline-block;cursor:pointer;padding:.6rem 2rem;border-radius:8px;font-size:22px;margin-top:1rem;letter-spacing:2px;color:#fff;border:none;background:linear-gradient(135deg,#e0b779 10%,#d68e22 90%)}.final>.replay-btn:hover{background:linear-gradient(135deg,#e6ab54 10%,#dd8b11 90%)}@-webkit-keyframes hide{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}to{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}}@keyframes hide{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}to{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}}@-webkit-keyframes show{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}30%{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes show{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}30%{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes goIn{0%{-webkit-transform:translate(-50%,-50%) rotate(120deg);transform:translate(-50%,-50%) rotate(120deg)}30%{-webkit-transform:translate(-50%,-50%) rotate(-20deg);transform:translate(-50%,-50%) rotate(-20deg)}60%{-webkit-transform:translate(-50%,-50%) rotate(10deg);transform:translate(-50%,-50%) rotate(10deg)}to{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}}@keyframes goIn{0%{-webkit-transform:translate(-50%,-50%) rotate(120deg);transform:translate(-50%,-50%) rotate(120deg)}30%{-webkit-transform:translate(-50%,-50%) rotate(-20deg);transform:translate(-50%,-50%) rotate(-20deg)}60%{-webkit-transform:translate(-50%,-50%) rotate(10deg);transform:translate(-50%,-50%) rotate(10deg)}to{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}}@-webkit-keyframes goOut{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}60%{-webkit-transform:translate(-50%,-50%) rotate(20deg);transform:translate(-50%,-50%) rotate(20deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-120deg);transform:translate(-50%,-50%) rotate(-120deg)}}@keyframes goOut{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}60%{-webkit-transform:translate(-50%,-50%) rotate(20deg);transform:translate(-50%,-50%) rotate(20deg)}to{-webkit-transform:translate(-50%,-50%) rotate(-120deg);transform:translate(-50%,-50%) rotate(-120deg)}}
/*# sourceMappingURL=main.237b5a9d.chunk.css.map */