.page-login{position:relative;display:flex;width:100%;height:100%;z-index:10;align-items:center;justify-content:center}.page-login:before{height:100%;top:0;z-index:1;background-image:linear-gradient(180deg,transparent 50%,#390f61 0),linear-gradient(195deg,transparent 50%,#2c1344 0),linear-gradient(210deg,transparent 50%,#390f61 0),linear-gradient(225deg,transparent 50%,#2c1344 0),linear-gradient(240deg,transparent 50%,#390f61 0),linear-gradient(255deg,transparent 50%,#2c1344 0),linear-gradient(270deg,transparent 50%,#390f61 0),linear-gradient(285deg,transparent 50%,#2c1344 0),linear-gradient(300deg,transparent 50%,#390f61 0),linear-gradient(315deg,transparent 50%,#2c1344 0),linear-gradient(330deg,transparent 50%,#390f61 0),linear-gradient(345deg,transparent 50%,#2c1344 0),linear-gradient(1turn,transparent 50%,#390f61 0)}.page-login:after,.page-login:before{content:"";display:block;position:absolute;width:100%;left:0}.page-login:after{height:50%;top:50%;z-index:2;background-position:0 100%;background-size:100% 200%;background-image:linear-gradient(0deg,transparent 50%,#390f61 0),linear-gradient(15deg,transparent 50%,#2c1344 0),linear-gradient(30deg,transparent 50%,#390f61 0),linear-gradient(45deg,transparent 50%,#2c1344 0),linear-gradient(60deg,transparent 50%,#390f61 0),linear-gradient(75deg,transparent 50%,#2c1344 0),linear-gradient(90deg,transparent 50%,#390f61 0),linear-gradient(105deg,transparent 50%,#2c1344 0),linear-gradient(120deg,transparent 50%,#390f61 0),linear-gradient(135deg,transparent 50%,#2c1344 0),linear-gradient(150deg,transparent 50%,#390f61 0),linear-gradient(165deg,transparent 50%,#2c1344 0),linear-gradient(180deg,transparent 50%,#390f61 0)}.page-login>div{position:relative;z-index:10;font-family:"Roboto-Regular"}.page-login .box{width:100%;max-width:300px;box-shadow:.8px .8px 5px #ebe70a;border:5px solid #ebe70a;box-sizing:border-box;padding:10px 30px 30px;border-radius:10px;background-color:#ac8609;font-size:20px}.page-login .box a{color:#fff;font-weight:700;text-decoration:none}.page-login .box header{margin-bottom:10px;position:relative}.page-login .box header:before{font-family:"NixieOne","Courier New";content:"BINGO BOLÃO";position:absolute;left:50px;font-weight:800;font-size:30px;width:250px;top:-50px;text-shadow:0 0 4px #51ff00;color:#8bc34a;-webkit-animation:neon-text .5s linear infinite;animation:neon-text .5s linear infinite}@-webkit-keyframes neon-text{0%,to{text-shadow:0 0 20px #51ff00}50%{text-shadow:0 0 4px #51ff00}}@keyframes neon-text{0%,to{text-shadow:0 0 20px #51ff00}50%{text-shadow:0 0 4px #51ff00}}.page-login .box header svg{margin-top:-60px;margin-left:-50px;z-index:15;position:relative}.page-login .box header svg .str0{stroke:#51ff00;stroke-width:8;-webkit-animation:neon-logo 1s linear infinite;animation:neon-logo 1s linear infinite;fill:rgba(81,255,0,.5);-webkit-filter:drop-shadow(1px 1px 10px #000);filter:drop-shadow(1px 1px 10px #000)}@-webkit-keyframes neon-logo{0%,to{fill:rgba(81,255,0,.5)}50%{fill:rgba(81,255,0,.8)}}@keyframes neon-logo{0%,to{fill:rgba(81,255,0,.5)}50%{fill:rgba(81,255,0,.8)}}.component-card{background-color:#fff;box-sizing:border-box;padding:5px;max-width:210px}.component-card header{display:flex;flex-direction:row;width:200px;border:1px solid #fff}.component-card header>div{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:"NixieOne";font-weight:700;font-size:20px;border-radius:50%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.5),transparent);border:1px solid #fff;color:#fff}.component-card header>div:first-child{background-color:#090268}.component-card header>div:nth-child(2){background-color:#076d00}.component-card header>div:nth-child(3){background-color:#720456}.component-card header>div:nth-child(4){background-color:#9c8502}.component-card header>div:nth-child(5){background-color:#6b0303}.component-card section{width:200px;display:flex;flex-direction:row;flex-wrap:wrap;font-family:"NixieOne";font-size:22px;font-weight:700}.component-card section>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #fff;box-sizing:border-box;color:#fff;background-color:#672de6}.component-card section>div:nth-child(13) path{fill:#ffe600}.component-card section>div.active .check path{stroke-dasharray:275.003,275.003;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease-in-out 0s}.component-card section>div .check{position:absolute!important;width:90%;height:90%}.component-card section>div .check path{stroke-dasharray:275.003,275.003;stroke-dashoffset:275.003;transition:stroke-dashoffset .2s ease-in-out 0s;stroke-width:10px;fill:transparent;stroke:#fff}.component-serverballs{display:flex;box-sizing:border-box;position:relative;left:-2960px;transition:all .5s ease}.component-serverballs>span{display:inline-flex;width:40px;min-width:40px;height:40px;min-height:40px;align-items:center;justify-content:center;background-image:linear-gradient(180deg,rgba(241,189,189,.828),transparent);box-shadow:inset 0 0 5px rgba(0,0,0,.8);border-radius:50%;box-sizing:border-box;transform:rotate(-90deg) scale(.5) translate(-20px,-30px);transform-origin:center center;transition:all .5s ease;font-family:"NixieOne"}.component-serverballs>span.current{transform:rotate(0deg) scale(2) translate(15px,-10px);margin-right:60px;background-color:#26ff00;box-shadow:0 0 10px #26ff00,inset 0 0 5px rgba(0,0,0,.8);color:#000}.component-serverballs>span.active{transform:rotate(0deg) scale(1)}.component-serverballs>span.active+.active{margin-left:10px}.component-serverballs>span.ball-color-1{background-color:#090268}.component-serverballs>span.ball-color-2{background-color:#076d00}.component-serverballs>span.ball-color-3{background-color:#720456}.component-serverballs>span.ball-color-4{background-color:#9c8502}.component-serverballs>span.ball-color-5{background-color:#6b0303}.page-bingo{height:100%;max-height:100%;z-index:10;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;flex-direction:column;overflow-y:auto}.page-bingo,.page-bingo:before{position:relative;display:flex;width:100%}.page-bingo:before{content:"";height:40px;min-height:40px}.page-bingo .bar-top{background-color:#321058;width:100%;height:40px;display:flex;justify-content:space-between;box-sizing:border-box;padding:10px;position:fixed;z-index:100}.page-bingo .bar-top>span{width:33%}@media screen and (max-width:767px){.page-bingo .bar-top>span:first-child{display:none}}.page-bingo .bar-top .clock{font-family:"digital-7";font-size:24px;text-align:center}.page-bingo .bar-top .area-buttons{display:flex;justify-content:flex-end;box-sizing:border-box;padding:0 10px}.page-bingo .bar-top .area-buttons>*{margin:0 10px;cursor:pointer;transition:all .5s ease}.page-bingo .bar-top .area-buttons>:hover{transform:scale(1.1);transition:all .5s ease}.page-bingo .bar-top .area-buttons .button-chat{color:#10e3ff;position:relative}.page-bingo .bar-top .area-buttons .button-chat:after{content:"";display:block;background-color:red;width:6px;height:6px;position:absolute;top:3px;right:-3px}.page-bingo .bar-top .area-buttons .button-audio{color:#ffd900}.page-bingo .bar-top .area-buttons .button-exit{color:red}.page-bingo header.bingo-bolao{box-sizing:border-box;padding:20px;background-color:#67537a;margin:10px auto;width:98%;justify-content:space-between;flex-direction:row;display:flex;border-radius:8px}.page-bingo header.bingo-bolao .area-logo{display:flex;flex-direction:column;justify-content:center;text-align:center}.page-bingo header.bingo-bolao .area-logo .logo-image{max-width:50px;width:100%;margin:5px auto}.page-bingo header.bingo-bolao .area-premium,.page-bingo header.bingo-bolao .area-premium-acum{display:flex;flex-wrap:wrap}.page-bingo header.bingo-bolao .area-premium-acum>div,.page-bingo header.bingo-bolao .area-premium>div{width:100%;text-align:center}.page-bingo header.bingo-bolao .area-premium-acum>div:last-child,.page-bingo header.bingo-bolao .area-premium>div:last-child{font-size:26px;font-weight:700}.page-bingo header.user{box-sizing:border-box;padding:20px;background-color:#2f1166;margin:10px auto;width:98%;justify-content:space-between;align-items:center;flex-direction:row;display:flex;border-radius:8px}@media screen and (max-width:767px){.page-bingo header.user{flex-direction:column}}.page-bingo header.user .user-data{text-align:center;font-size:14px;min-width:100px}.page-bingo header.user .user-data>div{margin:5px auto 10px}.page-bingo header.user .user-money,.page-bingo header.user .user-money>div{display:flex;justify-content:space-between;flex-wrap:wrap}.page-bingo header.user .user-money>div{margin:10px auto;text-align:center;align-items:center;width:30%}@media screen and (max-width:767px){.page-bingo header.user .user-money>div{width:90%}}.page-bingo header.user .user-money>div>*{width:100%;display:flex;margin:5px 0;text-align:center}@media screen and (max-width:767px){.page-bingo header.user .user-money>div>*{width:unset;display:inline-flex;text-align:left}}.page-bingo header.user .user-button-buy{text-align:center;border-radius:8px;border:1px solid #fff;box-sizing:border-box;padding:10px;cursor:pointer;transition:all .5s ease}@media screen and (max-width:767px){.page-bingo header.user .user-button-buy{flex-wrap:wrap;display:flex;align-items:center;margin:15px auto 0}}.page-bingo header.user .user-button-buy>div{margin:5px auto 10px}@media screen and (max-width:767px){.page-bingo header.user .user-button-buy>div{margin:0 10px}}.page-bingo header.user .user-button-buy:hover svg{transform:scale(1.1);transition:all .5s ease}.page-bingo .area-cards{box-sizing:border-box;padding:20px;background-color:#2f1166;margin:10px auto;width:98%;justify-content:space-between;align-items:center;flex-direction:row;display:flex;border-radius:8px}.page-bingo .area-cards>div+div{margin-left:50px}@media screen and (max-width:767px){.page-bingo .area-cards{flex-wrap:wrap;justify-content:center;display:flex!important}.page-bingo .area-cards>div{width:100%;margin:10px auto;display:flex;justify-content:center;align-items:center}.page-bingo .area-cards>div+div{margin-left:auto}}.page-bingo .area-cards .best-card{display:flex;flex-direction:column}.page-bingo .area-cards .list-card{display:flex;flex-direction:column;overflow:hidden}.page-bingo .area-cards .list-card .list{display:flex;overflow:hidden;overflow-x:auto;flex-direction:row;flex-wrap:unset}.page-bingo .area-cards .list-card .list>div+div{margin-left:30px}@media screen and (max-width:767px){.page-bingo .area-cards .list-card .list{overflow-x:hidden;overflow-y:auto;flex-wrap:wrap;max-height:260px;box-sizing:border-box;justify-content:center}.page-bingo .area-cards .list-card .list>div+div{margin:10px 0}}.page-bingo .area-game{box-sizing:border-box;padding:10px;margin:10px auto;width:100%;justify-content:space-between;flex-direction:row;display:flex;flex-wrap:wrap}.page-bingo .area-game:after{content:"";width:100%;height:50px;display:block}.page-bingo .area-game>div{background-color:#480b81;border-radius:8px;display:flex;width:100%;margin:0 5px;box-sizing:border-box;padding:10px}.page-bingo .area-game .area-game-play{display:flex;flex-direction:column;justify-content:center}.page-bingo .area-game .area-game-play path{fill:#ffd900}.page-bingo .area-game .area-game-play header.data-current-game{display:flex;flex-direction:column;width:100%}.page-bingo .area-game .area-game-play header.data-current-game>div{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media screen and (max-width:767px){.page-bingo .area-game .area-game-play header.data-current-game>div{width:90%}}.page-bingo .area-game .area-game-play header.data-current-game>div>*{display:inline-flex;margin:5px 0}.page-bingo .server-balls{position:fixed;left:0;bottom:0;width:100%;height:50px;min-height:50px;background-color:hsla(0,0%,100%,.513);display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.page-bingo .server-balls>span{display:inline-flex;width:40px;min-width:40px;height:40px;min-height:40px;align-items:center;justify-content:center;background-color:red;border-radius:50%;box-sizing:border-box;transition:all .5s ease;transform:rotate(-45deg)}@font-face{font-family:"Roboto-Regular";src:url(../../static/media/Roboto-Regular.ce3cd46e.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"NixieOne";src:url(../../static/media/NixieOne-Regular.c2fe7e2a.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"digital-7";src:url(../../static/media/digital-7.5a6bb5cd.woff2) format("woff2");font-weight:400;font-style:normal}html{width:100vw;height:100vh;margin:0;padding:0}html body{margin:0;padding:0;overflow:hidden;background-color:#000;color:#fff;font-size:18px;font-family:"Roboto-Regular"}html body,html body #root{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
/*# sourceMappingURL=main.2a26211f.chunk.css.map */