.bingo-root{--bingo-blue:#003a67;--bingo-blue-dark:#00223c;--bingo-black:#323132;--bingo-yellow:gold;--bingo-grey:#aaa;--bingo-white:#e8e7e7;--bingo-large:min(24px, 2vw);--bingo-xxlarge:min(38px, 3.4vw);--bingo-xxxlarge:min(54px, 4vw);--bingo-xxxxlarge:min(81px, 6vw);max-width:100vw;max-height:100vh;font-family:var(--font-opensans), system-ui, sans-serif;overflow:hidden}.bingo-root a{color:#000;text-decoration:none}.bingo-root h1{font-size:var(--bingo-xxxlarge);color:#fff;font-weight:800}.bingo-root h3{font-size:var(--bingo-xxlarge);font-weight:700}.bingo-root button{background-color:var(--bingo-yellow);font-size:var(--bingo-large);text-transform:uppercase;color:var(--bingo-blue-dark);z-index:999;cursor:pointer;border:none;border-radius:10px;margin-top:2rem;padding:10px 20px;font-weight:600;transition:all .35s ease-in-out}.bingo-root button:hover{transform:scale(1.05)}.bingo-root #generate{z-index:999;position:absolute;bottom:28vh;left:28.5vw}.bingo-root #restart{z-index:999;position:relative}.bingo-root .top-strip{background-color:var(--bingo-blue-dark);justify-content:flex-end;align-items:center;min-height:10vh;padding-right:50px;display:flex}.bingo-root .top-strip img{cursor:pointer;max-height:6vh}.bingo-root .bingo-container{background-color:var(--bingo-blue);grid-template-columns:25% 75%;min-height:90vh;display:grid}.bingo-root .bingo-container.win{grid-template-columns:100%}.bingo-root .left-pane-top{background-color:var(--bingo-yellow);flex-direction:column;justify-content:center;align-items:center;min-height:20vh;display:flex}.bingo-root .left-pane-top h1{font-size:var(--bingo-xxxxlarge);color:var(--bingo-blue-dark)}.bingo-root .left-pane-top h3{font-size:var(--bingo-xxlarge);color:var(--bingo-blue-dark);margin-top:-10px}.bingo-root .left-pane-results{background-color:var(--bingo-blue-dark);grid-template-columns:repeat(2,1fr);min-height:50vh;padding:1vw;display:grid}.bingo-root .left-pane-button{background-color:var(--bingo-blue-dark);flex-direction:column;align-items:center;min-height:20vh;display:flex}.bingo-root .left-pane-results .bingo-result{width:8vw;height:8vw;font-size:var(--bingo-xxxlarge);color:#fff;border-radius:75px;justify-content:center;place-self:center;align-items:center;display:flex;position:relative}.bingo-root .left-pane-results .bingo-result:before{content:"";background-image:url(/bingo/ball-bkg.png);background-position:100%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.bingo-root .right-pane{padding:var(--bingo-xxxlarge);padding-top:var(--bingo-large);background-image:url(/bingo/blue-sky-bkg.png);background-position:100%;background-repeat:no-repeat;background-size:contain;align-items:center;display:flex}.bingo-root .right-pane.alt{background-image:url(/bingo/blue-sky-bkg2.png);background-position:0}.bingo-root .clouds{z-index:1;pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100vw;height:90vh;position:absolute}.bingo-root #cloud1{background-image:url(/bingo/cloud1.png);animation:60s infinite bingo-cloud1}.bingo-root #cloud2{background-image:url(/bingo/cloud2.png);animation:46s infinite reverse bingo-cloud2}.bingo-root #cloud3{background-image:url(/bingo/cloud3.png);animation:40s infinite bingo-cloud1}@keyframes bingo-cloud1{0%{opacity:.5;background-position:80%}35%{opacity:1;background-position:100%;transform:scale(.95)}to{opacity:.5;background-position:80%}}@keyframes bingo-cloud2{0%{opacity:.5;background-position:90%}35%{opacity:1;background-position:100%;transform:scale(.85)}to{opacity:.5;background-position:90%}}.bingo-root .big-ball{background-image:url(/bingo/ball-bkg.png);background-position:100%;background-repeat:no-repeat;background-size:contain;border-radius:20vw;justify-content:center;align-items:center;width:20vw;height:20vw;margin-left:5vw;display:flex}.bingo-root .big-ball-wrapper{width:8vw;height:8vw;font-size:var(--bingo-xxxlarge);color:#111;background-color:#fff;border-radius:8vw;justify-content:center;align-items:center;margin-left:-5vw;display:flex}.bingo-root .bingo-winner{max-width:76vw}.bingo-root .spin-icon{background-color:var(--bingo-yellow);z-index:999;color:#000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:60px;animation:.75s ease-in-out bingo-fade-in;display:flex;position:fixed;bottom:8vh;right:8vh}.bingo-root .openwheel{z-index:9999;width:100vw;animation:.75s ease-in-out bingo-riseup;position:fixed;top:0;left:0}.bingo-root .openwheel.close{animation:.75s ease-in-out bingo-risedown;top:100vh}@keyframes bingo-riseup{0%{top:100vh}to{top:0}}@keyframes bingo-risedown{0%{top:0}to{top:100vh}}@keyframes bingo-fade-in{0%{opacity:0}to{opacity:1}}.bingo-root .spinwheel{background-image:url(/bingo/spinwheel.png);background-repeat:no-repeat;background-size:contain;width:70vh;height:70vh;transition:all 5s ease-in-out}.bingo-root .triangle{background-image:url(/bingo/triangle.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:70vh;height:50px}.bingo-root .spin-wrap{display:flex}.bingo-root .spinwheel-text{flex-direction:column;justify-content:center;display:flex}.bingo-root .mobile{display:none}@media screen and (max-width:768px){.bingo-root .bingo-container{grid-template-columns:100%}.bingo-root .left-pane-top{min-height:10vh}.bingo-root .left-pane-results{grid-template-columns:25% 25% 25% 25%;min-height:10vh}.bingo-root .left-pane-button{flex-direction:row;justify-content:space-around;min-height:12vh;padding-bottom:10px}.bingo-root .right-pane{flex-direction:column;justify-content:space-evenly;min-height:50vh}.bingo-root #generate{bottom:6vh;left:70vw}.bingo-root .spin-icon{bottom:3vh;right:calc(50vw - 34px)}.bingo-root .mobile{display:initial}.bingo-root .desktop{display:none}.bingo-root .left-pane-top h1{font-size:44px}.bingo-root .left-pane-top h3{margin-top:10px;font-size:20px}.bingo-root .spinwheel{width:80vw;height:80vw}.bingo-root .spinwheel-wrapper{flex-direction:column;align-items:center;display:flex;margin-left:0!important}.bingo-root .spin-wrap{flex-direction:column}.bingo-root .spinwheel-text{align-items:center}.bingo-root .spinwheel-text h3{padding-top:20px}.bingo-root .spinwheel-text h1{font-size:40px}.bingo-root .big-ball{border-radius:20vh;width:20vh;height:20vh}.bingo-root .big-ball-wrapper{border-radius:8vh;width:8vh;height:8vh}.bingo-root #numberis{font-size:30px}}