body,html{background:#000;height:100%;width:100%}*{box-sizing:border-box;font-family:Gilroy-Bold,sans-serif;margin:0;padding:0;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}a{color:#fff;text-decoration:none}#root,.roomContainer{height:100%;width:100%}.roomContainer{align-items:center;background:#000;display:flex;flex-direction:column;position:relative}.imageContainer{background-image:url(/static/media/image.a4a0c4eb33be074184ec.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:35%;position:relative;width:80%}.title{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem;position:relative;width:100%}.title:after{background:url(/static/media/arrow.f3df4d83aecad765d9f7.png) 50% no-repeat;background-size:contain;content:"";-webkit-filter:invert(1);filter:invert(1);height:100%;position:absolute;rotate:50deg;scale:.3;top:0;width:100%;z-index:1}.title h1{color:#fff;font-size:3rem;position:relative;z-index:2}.title p{color:#fff;color:grey;font-size:.8rem;margin-top:1.7rem;text-align:center;width:70%}.actions{background:#212529;bottom:2rem;height:3rem;overflow:hidden;position:absolute;width:80%}.actions,.createRoom,.joinRoom{align-items:center;border-radius:.8rem;display:flex;justify-content:center}.createRoom,.joinRoom{color:#fff;height:100%;transition:all .3s ease;width:50%}.createRoom p,.joinRoom p{font-weight:500;position:relative;transition:all .2s ease;z-index:2}#active{background:#fff;border-radius:.8rem;height:100%;left:-50%;position:absolute;transition:all .3s ease;width:50%;z-index:1}.socialIcons{align-items:center;display:flex;font-size:1.8rem;gap:2rem;justify-content:center;margin-top:2.65rem;width:50%}.socialIcons i{transition:all .4s ease}.socialIcons i:active{opacity:.7;scale:.67}.createRoomContainer{background:#000;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.createRoomContainer .backBtn{font-size:1.4rem;left:1.5rem;position:absolute;top:1.3rem;transition:all .3s ease}.createRoomContainer .backBtn:active{opacity:.85;scale:.86}.createRoomContainer .roomTitle{margin-bottom:4rem;margin-left:1.5rem;margin-top:5rem;width:80%}.createRoomContainer .roomTitle h1{color:#fff;font-size:1.8rem;margin-bottom:.7rem;position:relative}.createRoomContainer .roomTitle p{color:#fff;font-size:1.8rem;opacity:.9}.createRoomContainer .pname{border:none;color:#fff}.createRoomContainer .pname,.createRoomContainer .roomId{background:#000;border-radius:.8rem;font-size:1rem;margin-left:1.5rem;outline:1px solid #666a6d;padding:1rem;width:86%}.createRoomContainer .roomId{color:grey;height:3rem;margin-top:1rem;position:relative}.createRoomContainer #roomId{max-width:80%;-webkit-user-select:text;user-select:text}.createRoomContainer .startBtn{align-items:center;background:#fff;border-radius:.7rem;color:#000;display:flex;height:3rem;justify-content:center;left:50%;margin-top:165%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:80%}.startBtn p{color:#000}.createRoomContainer .startBtn:active{opacity:.8}.createRoomContainer .startBtn p{font-size:1rem;font-weight:500}.createRoomContainer .clip{position:absolute;right:1rem;transition:all .3s ease}.createRoomContainer .clip:active{opacity:.8;scale:.8}.joinRoomContainer{background:#000;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.joinRoomContainer .backBtn{font-size:1.4rem;left:1.5rem;position:absolute;top:1.3rem;transition:all .3s ease}.joinRoomContainer .backBtn:active{opacity:.85;scale:.86}.joinRoomContainer .roomTitle{margin-bottom:4rem;margin-left:1.5rem;margin-top:5rem;width:80%}.joinRoomContainer .roomTitle h1{color:#fff;font-size:1.8rem;margin-bottom:.7rem;position:relative}.joinRoomContainer .roomTitle p{color:#fff;font-size:1.8rem;opacity:.9}.joinRoomContainer .pname{background:#000;border:none;border-radius:.8rem;color:#fff;font-size:1rem;margin-bottom:1rem;margin-left:1.5rem;outline:1px solid #666a6d;padding:1rem;width:86%}.joinRoomContainer .startBtn{align-items:center;background:#fff;border-radius:.7rem;color:#000;display:flex;height:3rem;justify-content:center;left:50%;margin-top:165%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:80%}.joinRoomContainer .startBtn:active{opacity:.8}.joinRoomContainer .startBtn p{font-size:1rem;font-weight:500}.goog-te-spinner{-webkit-animation:goog-te-spinner-rotator 1.4s linear infinite;animation:goog-te-spinner-rotator 1.4s linear infinite;margin:2px 0 0 2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.goog-te-spinner-path{stroke-dasharray:187;stroke-dashoffset:0;stroke:#4285f4;-webkit-animation:goog-te-spinner-dash 1.4s ease-in-out infinite;animation:goog-te-spinner-dash 1.4s ease-in-out infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes goog-te-spinner-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes goog-te-spinner-rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes goog-te-spinner-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes goog-te-spinner-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.containerSpinner{overflow:hidden}.bingoContainer,.containerSpinner{align-items:center;background:#000;display:flex;height:100%;justify-content:center;width:100%}.bingoContainer{flex-direction:column;position:relative}.bingoContainer .back{left:1.5rem}.bingoContainer .back,.bingoContainer .fullScr{font-size:1.5rem;opacity:.7;position:absolute;top:1.3rem;transition:all .3s ease;z-index:9999}.bingoContainer .fullScr{right:1.5rem}.bingoContainer .back:active,.bingoContainer .fullScr:active{opacity:1;scale:1.1}.bingoContainer .main{grid-column-gap:.5rem;grid-row-gap:.5rem;display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;padding:.5rem}.bingoContainer .main,.box{align-items:center;background:#000;border-radius:.45rem}.box{display:flex;height:3.5rem;justify-content:center;outline:1px solid #fff;transition:all .25s ease-in-out;width:3.5rem}.box p{color:#000;font-size:1.8rem;font-weight:650;pointer-events:none}.bingoContainer .playerName{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;opacity:.8;position:absolute;top:5rem;transition:all .2s ease;width:80%}.bingoContainer .playerName:active{opacity:1}.bingoContainer .notify{align-items:center;background:#744fc6;border-radius:50%;bottom:2rem;display:flex;font-size:1.5rem;height:3rem;justify-content:center;position:absolute;transition:all .3s ease;width:3rem}.bingoContainer .notify:active{scale:.8}#simpleToast{line-hight:12px;align-items:center;background-color:#fff;border-radius:.5rem;bottom:30px;color:#000;display:flex;font-family:monospace;justify-content:center;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;visibility:hidden;z-index:1}#simpleToast span{margin-left:12px;margin-top:2px}#simpleToast.show{-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s;visibility:visible}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#simpleToast i{font-size:1.25rem}.button{align-items:center;background-color:#fff;border:none;border-radius:.5rem;bottom:4.6rem;color:#000;display:none;font-size:1rem;font-weight:500;line-height:2rem;margin-right:.5rem;margin-top:2.5rem;padding:.4rem 1rem;position:absolute;text-align:center;transition:all .3s ease}.button:active{opacity:.86;scale:.96}.button svg{-webkit-animation:spin_357 .5s linear infinite;animation:spin_357 .5s linear infinite;color:#000;display:inline;height:1.3rem;margin-right:.75rem;width:1.3rem}@-webkit-keyframes spin_357{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin_357{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.obstruct{background-color:initial;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}@media (min-width:768px){body{background-color:#000;width:100%}#root,body{align-items:center;display:flex;height:100%;justify-content:center}#root{width:30%}.createRoomContainer .startBtn,.joinRoomContainer .startBtn{align-items:center;background:#fff;border-radius:.7rem;color:#000;display:flex;height:3rem;justify-content:center;left:50%;margin-top:140%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:80%}.bingoContainer{align-items:center;background:#000;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:165%}.bingoContainer .main{gap:.8rem;margin-top:5rem}.box{align-items:center;background:#000;border-radius:.45rem;cursor:grab;display:flex;height:4.5rem;justify-content:center;outline:2px solid #fff;transition:all .25s ease-in-out;width:4.5rem}.bingoContainer .notify{cursor:grabbing;position:fixed;top:91.5%}}
/*# sourceMappingURL=main.9c9a8573.css.map*/