body{margin:0;padding:0;font-family:Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box}:focus{outline:none;box-shadow:none}.clearfix:after{content:"";display:table;clear:both}.container{max-width:710px;width:100%;padding:0 15px;margin:0 auto}body{font-family:roboto}.timer-hooks{margin-top:80px;margin-bottom:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.money-field{padding:12px;width:150px}.money-field,.timer-field{border-radius:8px;background-color:#6d8794;box-shadow:0 1px 2px 0 #141a1d;font-size:18px;color:#fff;min-height:45px}.timer-field{padding:10px;min-width:200px;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-align-items:center;align-items:center}.timer-field span{margin-right:10px}.timer-field .count{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.timer-field .count .count-number{width:24px}.timer-field .count .count-animation{background:#0ee07b;width:100px;height:20px;padding:2px 0;border-radius:4px;-webkit-animation:animateThis 10s linear;-webkit-animation-fill-mode:forwards}@-webkit-keyframes animateThis{0%{width:100px}to{width:0}}.card-wrapper{max-width:680px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:auto;padding:30px 0}@media screen and (max-width:767px){.card-wrapper{-webkit-flex-wrap:wrap;flex-wrap:wrap}}.card-wrapper .card-content{width:calc(33.33% - 20px);position:relative}@media screen and (max-width:767px){.card-wrapper .card-content.left-content{width:calc(60% - 20px)}.card-wrapper .card-content.center-content{width:calc(40% - 20px)}.card-wrapper .card-content.right-content{width:calc(100% - 20px);margin-top:40px}}@media screen and (max-width:479px){.card-wrapper .card-content{width:calc(100% - 20px)}.card-wrapper .card-content.center-content{width:calc(100% - 20px);max-width:210px}.card-wrapper .card-content.left-content{width:calc(100% - 20px);margin-bottom:40px}}.card-wrapper .data-title{font-size:21px;color:#222c31;font-weight:500;text-transform:uppercase}.card-wrapper .range-data{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-top:10px;color:#607d8b}.card-wrapper .range-data span{font-size:16px;max-width:33.33%}.card-wrapper .range-data .range{font-size:18px;color:#222c31;font-weight:500;text-transform:uppercase}.higher-content{background:linear-gradient(180deg,#b2c3ca 0,#b2c3ca 40%,#adbec6 0,#adbec6);color:#607d8b;width:100%;border-radius:8px;padding:20px;position:relative;line-height:1;text-align:center;overflow:hidden;transition:all .5s ease;cursor:pointer;min-height:90px}.higher-content .top-shade{position:absolute;background:linear-gradient(0deg,transparent,rgba(0,0,0,.4));border-radius:0 0 6px 6px;left:0;top:0;width:100%;height:4px;content:""}.higher-content .arrow{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.higher-content .counting{font-size:14px;font-weight:500;line-height:16px;position:absolute;right:30px;top:20px}.higher-content.lower-content{background:linear-gradient(180deg,#6d8794 0,#6d8794 40%,#607d8b 0,#607d8b);color:#d5dee2}.higher-content.lower-content .data-title,.higher-content.lower-content .range-data,.higher-content.lower-content .range-data .range{color:#fff}.higher-content.lower-content .counting g{fill:#fff}.higher-content.lower-content .arrow svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bet-content{margin:20px 0}.bet-content .bet-title{color:#607d8b;width:100%;text-align:left;font-size:14px}.bet-content .input-field{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding-bottom:5px;border-bottom:2px solid #607d8b;color:#607d8b}.bet-content .input-field input{background:none;border:none;color:#607d8b}.bet-content .input-field .clear-btn{font-size:12px;cursor:pointer}.error{color:red;margin:10px 0}.bet-content .btn-wrapper{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:5px}.bet-content .btn-wrapper .bet-btn{border-radius:4px;background-color:#adbec6;box-shadow:0 1px 2px 0 #141a1d;padding:7px 5px;margin-top:5px;color:#222c31;font-size:14px;width:calc(50% - 5px);border:none}.bet-content .btn-wrapper .bet-btn:hover{background-color:#607d8b}.flip-box-inner{position:absolute;width:100%;height:100%;transition:left .8s,top .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:0;z-index:98;left:0;opacity:1}.flip-box-inner:first-of-type{z-index:99}.flip-box-inner.revealed{-webkit-animation:fipped .5s ease-in;left:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);z-index:99}@-webkit-keyframes fipped{0%{left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}50%{left:-50%}to{left:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.flip-box-inner.leave{-webkit-animation:leave .5s ease-in;left:-1000px;top:-1000px}@-webkit-keyframes leave{0%{left:0;top:0}to{left:-1000px;top:-1000px}}.card{border-radius:10px;padding:10px;background:#fff;height:100%;min-height:338px;z-index:99;border:3px solid #607d8b;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-box-inner:first-of-type .card{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.cardbackside{border-radius:10px;border:5px solid #607d8b;z-index:98;background:#999;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAMhJREFUOBGd1AsKwyAMBmD1RoNdotDjFnqJwW5Ul4jK1DwtlFL981EwaQiGK+ec8DZEQ9RCAL0gc9TcHWP8SjUiCNgbis8JuAD9TGv9lQUZrBWyKAkqmIguoBFj0QF0YiTawU1sQUtvAYatMZ9mC1ueZzVCa9jWZ5ZiLnMAmkzdzwnUeoImfWDjpjadazhFT/nCOk6XE/iPY6OXkeynjLubJz1MzQBuoAOG9QvoQBeMBQ0oiYmggLKYClbU9YPFGvXCCcBbDULgB+sxYRTgFQZEAAAAAElFTkSuQmCC)}.backCard,.cardbackside{box-shadow:0 0 .2em .1em rgba(16,16,20,.3);position:absolute;top:0;height:100%;width:100%}.backCard{border-radius:10px;z-index:5;background:#777}.backCard.n1{top:3px;z-index:4}.backCard.n1,.backCard.n2{-webkit-transform:none;transform:none}.backCard.n2{top:6px;z-index:3}.backCard.n3{z-index:2;top:9px}.backCard.n3,.backCard.n4{-webkit-transform:none;transform:none}.backCard.n4{z-index:1;top:12px}.card .card-number{position:absolute;top:0;left:0;padding:10px}.card .card-number span{font-size:72px;color:#ff5a5a;line-height:1}.card.black .card-number span{color:#000}.card.joker .card-number span{font-size:32px;color:#0ee07b}.card .card-number.bottom-number{right:0;bottom:0;top:unset;left:unset}.card .card-img{width:90px;height:90px;margin:auto;position:absolute;top:calc(50% - 45px);left:calc(50% - 45px)}.card .card-img svg path{fill:#ff5a5a}.card.black .card-img svg path{fill:#000}.card.joker .card-img svg path{fill:#0ee07b}.right-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card-detail{padding:4px 5px;border-radius:8px;background-color:#adbec6;box-shadow:0 1px 2px 0 #141a1d;font-size:14px;width:100%;text-align:center;margin-bottom:10px;transition:all .5s ease;cursor:pointer}@media screen and (max-width:767px){.card-detail{width:calc(50% - 5px)}}.card-detail .data-title{font-weight:400;font-size:16px}.card-detail .range-data{font-weight:300;color:#222c31;margin-top:5px}.card-detail .range-data span{font-size:14px;max-width:unset}.card-detail svg{height:12px}.card-detail svg path{fill:#222c31}.card-detail.red{background:#ff5a5a;color:#fff;padding:4px 15px}.card-detail.red .data-title,.card-detail.red .range-data{color:#fff}.card-detail.red svg path{fill:#fff}.card-detail.red.black{background:#000}.card-detail.joker{margin-bottom:0;background:#0ee07b;max-width:100%}@media screen and (max-width:767px){.card-detail.joker{width:100%}}.card-mask{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.card-mask .card-detail{width:calc(50% - 5px)}.selected{-webkit-transform:scale(1.1);transform:scale(1.1)}.disableBtn{-webkit-filter:grayscale(33%);filter:grayscale(33%);cursor:auto}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.1c76e1b3.chunk.css.map */