body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.switch{display:inline-block;height:34px;justify-content:center;position:relative;width:60px}.theme-toggle-input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}.theme-toggle-input:checked+.slider{background-color:#2196f3}.theme-toggle-input:checked+.slider:before{-webkit-transform:translateX(27px);transform:translateX(27px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.toggle-icon{pointer-events:none;z-index:1}.theme-toggle-input:checked+.slider .toggle-icon{-webkit-transform:translateX(30px);transform:translateX(30px)}.appContainer.dark,.appContainer.light{background-color:var(--background-color)}.appContainer{height:100vh;overflow:auto;transition:background-color .3s;width:100%}.App-wrapper,.appContainer{display:flex;flex-direction:column}.App-wrapper{align-items:center;flex-grow:1;justify-content:center;padding:0 15px}.light{--txt:#000;--background-color:#fff;--bingo-cell-bg:#f0f0f0;--bingo-cell-win:#cfc;--navbar-bg:#cfc9c9e2}.dark{--txt:#fff;--background-color:#000;--bingo-cell-bg:#fff;--bingo-cell-win:#cfc;--navbar-bg:#505050db}.bingo-wrapper{align-items:center;display:flex;justify-content:center}.bingo-container{padding:5px;text-align:center}.bingo-card{grid-gap:0;box-sizing:border-box;display:grid;gap:0;grid-template-columns:repeat(5,1fr);padding:10px 0;-webkit-transform:rotate(359deg);transform:rotate(359deg);width:100%}.bingo-cell{word-wrap:break-word;align-items:center;background-color:var(--bingo-cell-bg);border:1px solid #000;border-radius:5px;cursor:pointer;display:flex;height:18vw;justify-content:center;max-height:18vh;max-width:18vh;padding:5px;position:relative;transition:all .3s;width:18vw}.bingo-cell-size{height:135px;width:135px}.bingo-cell-span{-webkit-box-orient:vertical;display:grid;font-size:clamp(4px,1vw,20px);height:100%;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;padding:0 5px;place-items:center;text-align:center;width:100%;z-index:1}.bingo-card .bingo-cell:nth-child(13){font-weight:700}.bingo-card .bingo-cell.active:nth-child(13){background-color:var(--bingo-cell-bg);text-decoration:none}.bingo-card .bingo-cell.active:nth-child(13) .bingo-cell-span{background-color:var(--bingo-cell-bg)}.bingo-card .bingo-cell.active:nth-child(13) .bingo-cell-span span{opacity:1}.bingo-cell.active:nth-child(13) .bingo-cell-span{background-color:initial;text-decoration:none}.bingo-card .bingo-cell:nth-child(13):before{border:3px solid #000;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}.bingo-cell.active{text-decoration:line-through}.bingo-cell.active .bingo-cell-span{background:hsla(0,0%,77%,.5)}.bingo-cell.active .bingo-cell-span span{opacity:.4}.bingo-cell.active .bingo-cell-span.win{background:var(--bingo-cell-win)}@media (max-width:480px){.bingo-cell{padding:2px}.bingo-card .bingo-cell:nth-child(13):before,.bingo-cell{height:72px;width:72px}.bingo-cell-span{font-size:7.5px;height:65px;padding:2.5px 5px;width:70px}}@media (max-width:320px){.bingo-cell{font-size:8px}.bingo-card .bingo-cell:nth-child(13):before,.bingo-cell{height:60px;width:60px}.bingo-cell-span{height:55px;padding:2.5px 5px;width:55px}}.navbar{align-items:center;background-color:var(--navbar-bg);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-around;padding:3px 20px;z-index:100}.navbar h1{font-size:24px;margin:0}@media (max-width:420px){.navbar{align-items:center}.navbar h1{font-size:20px}}.hide,.show{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s;width:100%}.show{opacity:1;pointer-events:auto}.win-animation{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .8s;width:100%}.win-animation.show{opacity:1}.win-message{color:#020202;font-size:calc(.5vw + 3vh);font-weight:700;text-shadow:0 0 15px red}*,:after,:before{box-sizing:border-box}a{color:inherit;cursor:pointer;text-decoration:none}input::-moz-focus-inner{border:0;margin:0;padding:0}dd,ol,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--txt)}
/*# sourceMappingURL=main.6e9a64ea.css.map*/