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