body{margin:0;font-family:"Raleway",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background-color:#182335;background-position:50%;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media only screen and (max-width:600px){body{padding-top:10px}}*{margin:0;padding:0}.login{display:grid;place-items:center;height:92vh;color:#fff}.login-logo{width:25%}.login-button{text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.login-button-text{padding:20px;background-color:#1db954;color:#fff;font-weight:700;font-size:20px;border-radius:90px}.body{margin:0 auto;border-radius:15px;padding:10px;width:90%;max-width:600px;flex-wrap:wrap}.body,.navigation{justify-content:space-between;align-items:center}.navigation{box-sizing:border-box;display:flex;width:100%;height:8%;margin-top:20px}.playlist-row{padding-left:5px}.playlist-info{display:flex;height:50px;width:450px;margin-bottom:15px;align-items:center;border-radius:5px}.playlist-info:hover{cursor:pointer}.playlist-title{color:#fff;transition:all .15s ease-in-out;font-size:15px}.playlist-title:hover{transform:scale(1.05);color:#fff}.playlist-cover{margin-right:25px;border-radius:3px;height:40px}.line{width:100%;border-color:#212121;margin-bottom:15px;opacity:.35}.playlists{height:100%;max-width:100%;overflow:scroll;color:#fff;background-color:#243551;padding:20px;border-radius:15px}.playlists::-webkit-scrollbar{display:none}.playlists>h2{text-align:center;margin-bottom:20px}.button-container{margin:0 auto;width:150px}.playlist-button{width:100%}.customModal{border-radius:15px!important;background-color:#182335!important;width:80%!important}.explanation{text-align:center}.aws-btn{--button-default-height:44px!important;--button-default-font-size:15px!important;--button-default-border-radius:6px!important;--button-horizontal-padding:23px!important;--button-raise-level:5px!important;--button-hover-pressure:0.5!important;--transform-speed:0.185s!important;--button-primary-color:#e15546!important;--button-primary-color-dark:#832e25!important;--button-primary-color-light:#fff!important;--button-primary-color-hover:#c84f41!important;--button-primary-color-active:#c84f41!important;--button-primary-border:none!important;--button-secondary-color:#1db954!important;--button-secondary-color-dark:#0c5726!important;--button-secondary-color-light:#fff!important;--button-secondary-color-hover:#1ba64c!important;--button-secondary-color-active:#1ba64c!important;--button-secondary-border:none!important;--button-anchor-color:#f3c8ad!important;--button-anchor-color-dark:#734922!important;--button-anchor-color-light:#4c3016!important;--button-anchor-color-hover:#f1bfa0!important;--button-anchor-border:1px solid #8c633c!important}.preview{display:flex;margin-top:30px;align-items:center;justify-content:center}.cover-image{width:20%;object-fit:contain;margin-right:20px;border-radius:10px}.header{justify-content:flex-end;width:100%;height:70px;background-color:#182335;z-index:1}.header,.profile{display:flex;align-items:center}.profile{justify-content:space-between;padding:10px;margin-right:20px}.user-name{margin-right:20px;color:#fff;font-size:18px}.user-image{border-radius:50%;height:35px}.join{display:grid;place-content:center;margin-top:250px}.input{padding:10px;margin-bottom:40px;text-align:center;width:100%}.input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;max-width:300px}.join-button{text-decoration:none}.join-button-text{padding:20px;background-color:#1756c2;color:#fff;font-weight:700;font-size:20px;border-radius:90px;margin-left:10px}.lobby{color:#fff;display:flex;align-content:center;justify-content:center;box-sizing:border-box}.tracks::-webkit-scrollbar{display:none}.outer-container{border-radius:15px;height:600px!important;width:90%!important;max-width:800px;background:#ebbe42}.inner-container,.outer-container{box-sizing:border-box;padding:20px}.inner-container{width:100%!important;height:100%!important;background:#252525;border-radius:8px;box-shadow:inset 0 2px 15px 1px #000}.join-instructions{text-align:center}hr{margin:20px}.welcome{text-align:center}.player,.track{margin-bottom:10px}.players-tracks{display:flex;height:60%}.players,.tracks{flex:0.5 1;padding:12px}.tracks{overflow:scroll}.container{width:90%;height:100%;max-width:800px;margin:10px auto 0;color:#fff}.login-details{display:flex;flex-wrap:wrap}.login-url>h2,.room-code{display:flex;align-items:center}.room-code{flex-direction:column;justify-content:center;margin-right:50px;margin-bottom:20px}.room-code>h1{background-color:#243551;padding:12px;border-radius:5px;margin-top:5px}.container>hr{border-color:#243551;width:100%;margin-left:0;margin-right:0}.players-amount{padding:0;display:flex;align-items:center}.players-amount>h3{background-color:#e15546;padding:5px 18px 8px;margin-left:15px;border-radius:8px}.active-players{width:100%;background-color:#243551;margin-top:25px;border-radius:5px;display:flex;flex-direction:column;margin-bottom:20px}.player-row{display:flex;align-items:center;width:100%;font-size:15px;margin-top:10px;margin-bottom:10px}.player-row>p{margin-left:10px}.whatsapp-icon{height:20px;margin-left:-13px!important;margin-top:8px}#c1{margin-bottom:25px}#c1,label{cursor:pointer}label{margin-bottom:10px}#manual{margin-bottom:25px}input{margin-bottom:15px;margin-right:10px}@media only screen and (max-width:600px){.room-code>h1{font-size:22px}.login-details{font-size:12px}}.table{margin:-5px auto 0}.bingo-container,.table{width:100%;max-width:550px}.bingo-container{margin:0 auto;margin-top:80px!important}.action-buttons{display:flex;justify-content:space-around;margin-top:1px}.bingo-button,.track-button{flex:0.494 1;height:50px}th{background:#e15546;color:#fff;height:80px;border-radius:11px 11px 0 0}.corner-lt,.corner-rt{border-radius:0}td{border-radius:2px;height:90px;background:#fff}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;background-color:#fff}.content>p{margin-bottom:5px}.free-space{background-color:#243551!important;color:#fff}.corner-lb,.corner-rb{border-radius:4px}.content>strong{font-size:9px}svg{fill:#fff}.end-button{width:32%!important}.device-button{margin:1px}.bingo-button,.end-button,.track-button{height:38px}.head-container{display:flex;align-items:center;justify-content:space-between;margin:0 28px}.bingoModal{padding:0!important}.head-container>p{margin-right:7px}.room-code-head{padding:5px;background-color:#e87568;color:#fff;border-radius:5px}.sidebar-content>hr{border-color:#243551}.active-players-head{display:flex;padding:2px 7px;background-color:#e87568;color:#fff;border-radius:5px;cursor:pointer}.active-players-head:hover{background-color:#e46a5e}.player-sidebar{display:flex;align-items:center;justify-content:start;margin:7px 12px}.player-name-sidebar{margin-left:4px}.players-sidebar-container{background-color:#243551;margin:15px;border-radius:5px;padding:5px 0}.sidebar-title{margin-left:18px;margin-top:18px}.end-game-modal{text-align:center}.end-game-modal>h2,.end-game-p{margin-bottom:20px}table{width:100%}td{width:20%;position:relative;color:#000;text-align:center;font-size:11px;overflow:hidden;border:5px solid #fff}td:after{content:"";display:block;margin-top:85%}.content{position:absolute;top:0;bottom:0;left:0;right:0;background:#fff;padding:13px 5px 15px;cursor:pointer}.corner-rb{border-radius:0 0 10px 0}.corner-lb{border-radius:0 0 0 10px}.spinner{margin-left:45%;margin-top:40%}@media only screen and (max-width:600px){.content>p{font-size:10px;padding:3px}th{height:40px}.bingo-container{width:98%;margin-top:8px!important}.customModal{width:80%!important}.head-container{margin:0 10px}.device-button{font-size:12px}}.playback-options{display:flex;align-items:center;justify-content:center!important;width:95%;margin:-15px auto auto;color:#fff;background-color:#243551;padding:5px;max-width:525px;border-radius:10px}@media only screen and (max-width:600px){.header{display:none}}.first{color:grey!important;cursor:auto!important}.option{margin-left:40px;margin-right:40px;font-size:large;cursor:pointer}.counter{position:relative!important;right:12px!important;width:30px;font-size:12px!important;margin-left:-30px!important}.counter,.playing-container{display:flex;align-items:center}.playing-container{justify-content:center}.playing-container>img{border-radius:3px;margin-right:15px}.title-artist{justify-content:space-around}.types-container{display:flex;align-items:center;flex-direction:column}.types-container>hr{width:150px}.bingo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.bingo-image{width:150px;margin-top:5px;margin-bottom:10px}.aws-btn,.button-wrap{width:100%}.wrapper{width:90%;max-width:600px;margin:0 auto;margin-top:0!important}.device{color:#fff;text-align:center;background-color:#243551;padding:20px;border-radius:15px;width:100%}.device,.device-button,.device>h2{margin-bottom:20px}.spinner{margin:20px auto 0}.button-next{width:100%;margin:0 auto}.refresh{display:flex;align-items:center;justify-content:center;margin-top:20px}.customModal{color:#fff!important}.customModal>p,.device-option{text-align:center}.device-option{padding:20px;cursor:pointer;color:#fff;transition:color 40ms ease-in-out;background-color:#243551;margin-top:10px!important;margin-bottom:20px!important;border-radius:10px;width:55%;margin:0 auto}.device-option-selected{background-color:#192335;padding:20px 0;border-radius:10px;margin-top:5px}.device-option:hover{color:#1db954}.no-hover:hover{color:#fff!important;cursor:default}.device-dropdown{text-align:center}.react-dropdown-select-item{background:#243551!important;color:#fff!important}.css-p5gyb5-InputComponent{margin:auto!important;text-align:center!important;color:#fff!important}.css-16yxkam-InputComponent{margin:0 auto!important}.react-dropdown-select-content>span{margin:auto!important;font-size:14px!important}.evc32pp0{font-size:14px!important}.e11wid6y0{color:#fff!important}.react-dropdown-select-content{color:#fff!important;border-radius:5px!important}.css-wmw4vi-ReactDropdownSelect{padding-left:50px!important}.react-dropdown-select-dropdown-handle{margin-left:-2px!important}.react-dropdown-select,.react-dropdown-select-dropdown{border-radius:5px!important;background:#192335!important}.device-dropdown:hover{border:1px solid #3b69b3!important}
/*# sourceMappingURL=main.3f4f1e3f.chunk.css.map */