body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}video{display:block}.StartPage{background-color:#efefef;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.StartPage-Container{border:1px solid #efefef;border-radius:4px;width:300px}.StartPage-Container button,.StartPage-Container input{width:100%;height:50px;padding:0;border:1px solid #ddd}.StartPage-GameId{background-color:#fff;text-align:center;font-size:32px;margin-bottom:8px}.StartPage-Container div{text-align:center;font-size:24px;padding:24px}.StartPage-Join-Game{background-color:#3b2d8c;color:#fff;font-size:32px}.StartPage-Create-Game{background-color:#201d31;color:#fff;font-size:32px}.PreGame-Outer-Container{width:100%;height:100vh;background-color:#bcc9cc}.PreGame-Outer-Container,.PreGame-PlayerList{display:flex;justify-content:center;align-items:center}.PreGame-PlayerList{list-style:none;padding:0;margin:0 0 40px -20px;flex-wrap:wrap}.PreGame-PlayerList li{width:30vw;margin-left:20px;overflow:hidden;position:relative;margin-bottom:20px}.PreGame-PlayerList li video{width:100%}.PreGame-Name-Container{position:absolute;left:10px;top:10px;background-color:rgba(0,0,0,.2);border-radius:3px;color:#fff;padding:4px 10px}.PreGame-StartSpill{margin-bottom:20px;display:flex;justify-content:center}.PreGame-Popup-Content button,.PreGame-StartSpill button{border:none;background-color:#27b0ff;color:#fff;height:50px;width:150px;font-size:18px;cursor:pointer;margin:40px}.PreGame-Popup-Container{background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.PreGame-Popup-Content{background-color:#fff;padding:40px;border-radius:4px;flex-direction:column}.Video-Container{border:1px solid rgba(0,0,0,.6);position:relative;border-radius:5px;overflow:hidden;background-color:red}.Video-Container video{display:block}.Video-Settings-Button{position:absolute;top:5px;right:5px;background-color:transparent;border:none;color:hsla(0,0%,100%,.71);cursor:pointer;text-shadow:0 0 3px rgba(0,0,0,.71)}.Video-Remote-Mute,.Video-Settings-Button-Audio{bottom:5px;left:5px;top:auto;right:auto}.Video-Remote-Mute{cursor:auto;position:absolute;color:hsla(0,0%,100%,.71);text-shadow:0 0 3px rgba(0,0,0,.71)}.Video-Settings-Button:hover{color:#fff}.Settings-Container{position:absolute;left:0;top:0;right:0;padding:10px;box-sizing:border-box;background-color:#fff;z-index:2}.Settings-Container select{max-width:100%}.Vri8er{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:#a7cc99}.Vri8er-Middle-Row{display:flex;flex-grow:1}.MyCards-TransitionGroup{position:relative;display:flex;height:100%}.MyCards-Card,.MyCards-YourCard{width:70px;display:inline-block;cursor:pointer}.MyCards-Card .Card{background-color:#6d9fcb}.MyCards-Card-Transition-enter-done .Card{background-color:#f0f8ff;transition:background-color .5s ease-in}.Card{border:1px solid #000;display:inline-block;height:100%;box-sizing:border-box;position:relative;border-radius:8px;background-color:#f0f8ff;box-shadow:0 0 5px 0 rgba(0,0,0,.75)}.Card>img{height:72%}.Card-Inner-Container{position:absolute;left:0;top:0;right:0;bottom:0}.Card-Content-Container{padding:10px;text-align:left;font-size:24px;box-sizing:border-box;height:100%;display:flex;flex-direction:column}.Card-Content-Container .Card-Back-Image{width:100%;height:100%;object-fit:cover}.Card-Suit-Container{display:flex;align-items:center;flex-grow:0}.Card-Suit{height:24px;margin-left:4px}.Card-NewSuit{display:flex;justify-content:center;align-items:center;flex-grow:1}.Card-NewSuit img{width:70%}.Player{flex-basis:250px;flex-grow:1;flex-shrink:1;display:flex;justify-content:center;align-items:center;position:relative}.Player,.Player-Vertical{flex-direction:column}.Player-Cards-Container{display:flex}.Player-Cards-Container video{background-color:red}.Player-Video-Container{position:relative;overflow:hidden;border-radius:5px}@media only screen and (max-height:1024px){.Player-Video-Container video{max-height:200px}}@media only screen and (min-height:1024px){.Player-Video-Container video{max-height:250px}}.Player-Bottom-Container{display:flex;margin-bottom:8px}.Player-Pass-Container{margin-right:48px;margin-left:48px}.Player-Name-Container{position:absolute;top:4px;left:4px}.Player-Name{padding:6px;background-color:hsla(0,0%,86.7%,.71);border-radius:2px}.Player-Current{background-color:rgba(64,182,64,.71);color:#fff}.Player-Is-Other .Player-Cards-Container{position:absolute;right:50px;bottom:10px;height:70px}.Player-Is-Other .Player-Cards-Container .Card-Content-Container{padding:2px}.Player-Is-Other .MyCards-YourCard{width:10px}.ChooseSuit-Container{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.ChooseSuit-Cards{padding:36px;list-style:none;margin:0;background-color:#fff;border-radius:4px;display:flex}.ChooseSuit-Cards>li{display:inline-block;margin-left:36px;height:150px;width:100px;border:1px solid #888;border-radius:4px;display:flex;align-items:center;justify-content:center}.ChooseSuit-Cards>li img{width:40%;height:40%}.GameArea{flex-grow:2;flex-basis:500px;display:flex;justify-content:center;align-items:center;margin-left:20px;margin-right:20px}.GameArea-Deck-Container{display:flex;height:200px}.GameArea-Deck-Container>.Card{margin-right:50px}.GameArea-Actions-Container button{font-size:18px;padding:10px}.GameArea-Winner{font-size:24px}.DeckOfCards-Cards-Container{position:relative;height:100%;margin-right:20px}.Quiz{height:100vh;flex-direction:column;background-color:#b6c3cb}.Quiz-Other-Players-Container{height:60vh;display:flex;justify-content:center;align-items:center}.Quiz-Other-Players-Container>ul{list-style:none;padding:0;margin:0;flex-grow:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-height:100%}.Quiz-Other-Players-Container>ul>li{flex-basis:30%;background-color:#fff;padding:10px;border-radius:4px;margin:0 10px 20px;display:inline-block;box-shadow:0 0 3px 0 rgba(0,0,0,.75);max-height:100%}.Num-Players-1>ul>li{flex-basis:30%}.Num-Players-2>ul>li{flex-basis:40%}.Num-Players-3>ul>li{flex-basis:30%}.Num-Players-4>ul>li{flex-basis:20%}.Num-Players-5>ul>li{flex-basis:18%}@media only screen and (max-height:1024px){.Quiz-Other-Players-Container>ul>li{flex-basis:20%}}.Quiz-Other-Players-Container video{width:100%;height:100%}.Quiz-Video-Top-Container{display:flex;justify-content:space-between;padding:5px;font-size:18px;font-weight:700}.Quiz-Current-Task{height:32px;text-align:center;line-height:32px;font-size:18px;font-weight:700}.Quiz-Review-Answer-Review-Container{display:flex;justify-content:space-between}.Quiz-Review-Answer-Container{display:flex;justify-content:center}.Quiz-Review-Answer-Container button{background-color:#dedede;border:none;border-radius:4px}.Quiz-Answer-Wrong,.Quiz-Review-Wrong{color:red}.Quiz-Answer-Correct,.Quiz-Review-Correct{color:green}.Quiz-Video-Container{margin-bottom:8px}.Quiz-Me-Row{height:40vh;display:flex;justify-content:center;align-items:center}.Quiz-Me-Container{display:flex;background-color:#fff;border-radius:4px;padding:10px;box-shadow:0 0 3px 0 rgba(0,0,0,.75)}.Quiz-Me-Container .Video-Container{margin-right:48px}.Quiz-Me-Container video{max-height:30vh}.Quiz-Question-Container{display:flex;flex-direction:column;align-items:center;height:100%;width:40vw}.Quiz-Question-Question{margin-bottom:2vh;font-weight:700}.Quiz-Question-Answer-Container{height:100%;display:flex;justify-content:center;align-items:center;width:40vw;font-size:24px}.Quiz-Question-Answer-Container input{height:36px;border-radius:4px;background-color:#bcc9cc;font-size:24px}.Quiz-Points{-webkit-animation-name:points-given;animation-name:points-given;-webkit-animation-duration:1s;animation-duration:1s;display:inline-block}@-webkit-keyframes points-given{50%{color:green;-webkit-transform:scale(2);transform:scale(2)}to{color:#000;-webkit-transform:scale(1);transform:scale(1)}}@keyframes points-given{50%{color:green;-webkit-transform:scale(2);transform:scale(2)}to{color:#000;-webkit-transform:scale(1);transform:scale(1)}}.Popup-Background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.Popup{background-color:#fff;padding:24px;border-radius:4px}.Popup .Video-Container{width:300px}.Popup .Video-Container video{max-width:100%}.Popup form input{margin-top:24px;margin-bottom:8px;box-sizing:border-box}.Popup form button,.Popup form input{width:100%;height:32px;font-size:18px}
/*# sourceMappingURL=main.ae499492.chunk.css.map */