.actionSectionWrapper{display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;text-align:center}.actionSectionWrapper.hasAction{cursor:pointer}.actionSectionWrapper .qrCode{width:12rem;height:12rem}.actionSectionWrapper .shareText{width:100%;padding:0 1rem;box-sizing:border-box}.actionSectionWrapper .manualShare{width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:0 1rem}.actionSectionWrapper .manualShare input{flex-grow:1;margin-bottom:.5rem}.boardHome{background-color:#fbfbfb;grid-area:Board;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;background:#fbfbfb;color:#040f0f}.boardHome .btnWrapper{width:47%;min-width:19rem;min-height:25rem;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;flex-wrap:wrap;background-color:#fbe4e7;border-radius:1.5rem;box-shadow:0 0 .25rem palette(grey,base)}@media screen and (max-width:768px){.boardHome .btnWrapper{margin:1rem 0;height:50%}}@media screen and (min-width:769px){.boardHome .btnWrapper{margin:0;height:70%}}.boardHome .btnWrapper .gameOptions{display:flex;flex-direction:column;width:100%;padding:1rem}.boardHome .btnWrapper .gameOptions select{font-size:1rem;padding:.5rem}.boardHome .btnWrapper button{width:100%;height:8rem;font-family:Roboto Mono,monospace;font-size:2rem;cursor:pointer;outline:none;background-color:#6b0f1a;border:none;background:#6b0f1a;color:#fff;transition:ease-in-out all .5s;border-radius:0 0 1.5rem 1.5rem;margin:0}.boardHome .btnWrapper button:hover{background-color:#35070d;border:none;background:#35070d;color:#fff}.boardHome .btnWrapper svg#virus{width:14rem;height:14rem}.banner{align-self:flex-end;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1.1rem;background-color:#03b5aa;background:#03b5aa;color:#fff}@media screen and (max-width:768px){.banner{width:100%}}@media screen and (min-width:769px){.banner{width:80%}}.banner p{padding:.3rem .5rem;margin:0;text-align:center}.banner .emojis{font-size:1.5rem}.boardWait{background-color:#fbfbfb;grid-area:Board;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;background:#fbfbfb;color:#040f0f}@media screen and (min-width:769px){.boardWait{overflow-y:auto}}@media screen and (max-width:768px){.boardWait .rules{width:100%}}@media screen and (min-width:769px){.boardWait .rules{width:52%;overflow-y:auto}}.boardWait .rules p{padding:.5rem 1rem}.boardWait .rules ul{margin:0}.boardWait .roundBtn{background:#03b5aa;color:#fff;border-radius:1rem;outline:none;border:none;border-radius:50%;height:1.5rem;width:1.5rem;display:inline-block;padding:0;margin:0 .5rem}.boardWait .roundBtn svg{width:75%}.boardWait .roundBtn svg#rightArrow{padding-left:.1rem;padding-top:.1rem}.boardWait .btnWrapper{width:34%;min-width:19rem;min-height:25rem;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;background-color:#fbe4e7;border-radius:1.5rem;box-shadow:0 0 .25rem palette(grey,base)}@media screen and (max-width:768px){.boardWait .btnWrapper{margin:1rem 0;height:50%}}@media screen and (min-width:769px){.boardWait .btnWrapper{margin:1rem 0;height:70%}}.boardWait .btnWrapper .actionSectionWrapper{width:100%;flex-grow:7}.boardWait .btnWrapper button{flex-grow:3;min-height:5rem;width:100%;font-family:Roboto Mono,monospace;font-size:2rem;cursor:pointer;outline:none;background-color:#6b0f1a;border:none;background:#6b0f1a;color:#fff;transition:ease-in-out all .5s;border-radius:0 0 1.5rem 1.5rem;margin:0}.boardWait .btnWrapper button:hover{background-color:#35070d;border:none;background:#35070d;color:#fff}.boardPlay{overflow-y:auto;grid-area:Board;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap}.boardPlay ul.bunchOfCards{width:100%;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;list-style:none}.boardPlay .navBtn{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:5rem;flex-wrap:wrap}.boardPlay .navBtn .roundBtn{background:#03b5aa;cursor:pointer;outline:none;border:none;box-shadow:0 0 .25rem palette(grey,base);transition:.4s ease all;margin:1rem;border-radius:50%;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center;padding:0}.boardPlay .navBtn .roundBtn:hover{background:#027971}.boardPlay .navBtn .roundBtn:hover #rightArrow{padding-left:.5rem}.boardPlay .navBtn .roundBtn:hover #leftArrow{padding-right:.5rem}.boardPlay .navBtn .roundBtn:disabled{cursor:default;opacity:.6;background:#181a24}.boardPlay .navBtn .roundBtn svg{width:75%;transition:.2s ease-in all}.boardPlay .navBtn .roundBtn svg#leftArrow{padding-right:.3rem}.boardPlay .navBtn .roundBtn svg#rightArrow{padding-left:.3rem}.resultWrap{grid-area:Board;overflow-y:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.resultBoard{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;margin:0;padding:0;width:100%}.boardError{background-color:#fbfbfb;grid-area:Board;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;background:#fbfbfb;color:#040f0f}.boardError .errorWrap{width:85%}.boardError .errorWrap p{font-size:1.5rem;width:100%;text-align:center;padding-bottom:.5rem;word-wrap:break-word}.boardError #medical{width:10rem;margin:2rem 0}.boardError .btnWrapper{width:27%;margin:1rem 0;height:50%;min-width:19rem;min-height:23rem;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;flex-wrap:wrap;background-color:#fbe4e7;border-radius:1.5rem}.boardError .btnWrapper button{height:25%;min-height:5rem;width:100%;font-family:Roboto Mono,monospace;font-size:1.4rem;cursor:pointer;outline:none;background-color:#6b0f1a;border:none;background:#6b0f1a;color:#fff;transition:ease-in-out all .5s;border-radius:0 0 1.5rem 1.5rem;margin:0}.boardError .btnWrapper button:hover{background-color:#35070d;border:none;background:#35070d;color:#fff}.handCard{padding:0;margin:0;height:20%;opacity:1;min-height:5.6rem;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;position:relative;width:100%;box-shadow:0 .125rem .25rem palette(primary,dark)}@media screen and (min-width:769px){.handCard:hover{box-shadow:0 .25rem .375rem palette(primary,dark)}.handCard:hover span{padding-left:1rem}.handCard:hover .virusMini{width:2rem}.handCard:hover .arrow{width:3rem}}.handCard span{width:70%;padding-left:1.5rem;font-size:1.3rem;transition:.5s ease-out all}.handCard .virusMini{width:0;position:absolute;top:10%;right:15%;transition:.4s ease-out all;transition-delay:.3s}.handCard .arrow{width:0;transition:.4s ease-out all}.playerListItem{padding:0;margin:0;height:20%;min-height:5.6rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}@media screen and (max-width:768px){.playerListItem{width:50%;box-shadow:none;display:flex;justify-content:center;align-content:center}.playerListItem:nth-child(odd){box-shadow:.1rem 0 0 .01rem palette(primary,dark);width:calc(50% - .15rem)}.playerListItem span{padding-left:0;width:85%}}@media screen and (min-width:769px){.playerListItem{width:100%;box-shadow:0 .125rem .25rem palette(primary,dark);display:flex;justify-content:flex-start;align-content:center}.playerListItem span{padding-left:1.5rem;width:100%}}.playerListItem span{font-size:1.3rem;transition:.5s ease-out all}.boardCard{width:30.3333333333%;max-width:15rem;min-width:19rem;margin:1rem;height:23rem;min-height:17rem;box-shadow:0 0 .25rem palette(grey,base);display:flex;justify-content:center;align-items:center;border-radius:1rem}.boardCard div{border-radius:1rem;width:100%;height:100%}.boardCard .cardHeader{height:20%;width:100%;background:#03b5aa;color:#fff;border-radius:1rem 1rem 0 0;display:flex;justify-content:flex-start;align-items:center}.boardCard .cardHeader p{padding-left:1rem;font-weight:700;font-size:1.3rem}.boardCard .cardContent{height:80%;width:100%;border-radius:0 0 1rem 1rem;display:flex;justify-content:center;align-items:center}.boardCard .cardContent p{font-size:1.2rem;text-align:center;transition:.5s ease-in all;width:95%}.myCard{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.hiddenPlayedCard{background:#03b5aa;display:flex;justify-content:center;align-items:center}.hiddenPlayedCard #virusShield{display:block;width:80%;height:auto}.notPlayedCard{background:#03b5aa;display:flex;justify-content:center;align-items:center;opacity:.5}.notPlayedCard #quarantine{display:block;width:90%;height:auto;fill:gray}.playedCard{overflow:hidden;position:relative}.playedCard:hover{cursor:pointer}.playedCard:hover .voteOverlay{left:0;top:0;opacity:1}.playedCard .voteOverlay{position:absolute;left:0;top:100%;opacity:0;transition:.4s ease-in all;display:flex;justify-content:space-evenly;align-items:flex-start;flex-direction:column;background:#fff;width:100%;height:100%;padding:0}.playedCard .voteOverlay .voteBtn{height:20%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;cursor:pointer;border-radius:unset;transition:.3s all ease-in;width:100%}.playedCard .voteOverlay .voteBtn:hover{background:#c41c30;color:#fff}.playedCard .voteOverlay .voteBtn span{font-size:1.7rem;padding:0 .5rem}.votedCard{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;border-radius:1rem}.votedCard .cardContent{height:60%}.votedCard .votesForThisCard{height:20%;width:80%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.votedCard .votesForThisCard .vote{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.7rem;margin:0 1rem}.votedCard.first{box-shadow:0 0 .7rem #03b5aa}.resultCard{width:19rem;margin:0;height:22rem;min-height:17rem;box-shadow:0 0 .25rem palette(grey,base);display:flex;justify-content:center;align-items:center;border-radius:1rem;margin:.8rem}.resultCard div{width:100%;height:100%}.resultCard .cardHeader{height:20%;width:100%;border-radius:1rem 1rem 0 0;background:#03b5aa;color:#fff;display:flex;justify-content:flex-start;align-items:center}.resultCard .cardHeader p{padding-left:1rem;font-weight:700;font-size:1.3rem}.resultCard .cardResults{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;height:80%;min-width:165px;width:100%;position:relative}.resultCard .cardResults p{font-size:1.2rem;text-align:center;transition:.5s ease-in all}.resultCard .cardResults ul.votes{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;flex-wrap:wrap;width:100%;height:60%;list-style:none;padding:0}.resultCard .cardResults ul.votes li{width:50%;display:flex;justify-content:center;align-items:flex-end;margin-bottom:.4rem;position:relative}.resultCard .cardResults ul.votes .count{font-size:1.2rem;width:auto;text-align:right}.resultCard .cardResults ul.votes .emotion{width:70%;font-size:1.7rem;margin-left:2rem}.resultCard .cardResults .separator{width:100%;height:30%;align-self:flex-end;border-top:2px solid #03b5aa;color:#040f0f;display:flex;justify-content:center;align-items:center;padding-left:0;font-weight:700;font-size:1.2rem;letter-spacing:.1rem}.resultCard .cardResults .iconFail{position:absolute;top:1rem;width:10rem}.cookieBannerOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf}.cookieBanner{position:fixed;bottom:0;width:calc(90vw - 2rem);min-width:8.5rem;max-width:20rem;min-height:15rem;max-height:22rem;display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:1rem}@media screen and (max-width:768px){.cookieBanner{right:1rem}}@media screen and (min-width:769px){.cookieBanner{right:3rem}}.cookieBanner p{font-family:Rubik,sans-serif;overflow-y:scroll;text-align:justify}.cookieBanner .buttonsContainer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.cookieBanner .buttonsContainer button{padding:.5rem 1rem;font-size:1.2rem;width:45%;cursor:pointer;font-family:Rubik,sans-serif;border:none;background-color:#03b5aa;background:#03b5aa;color:#fff;transition:.5s ease all;outline:none;min-width:8rem;margin:.25rem}.cookieBanner .buttonsContainer button:hover{background-color:#027971;background:#027971;color:#fff}.credits{font-size:.8rem;font-style:italic;letter-spacing:.1rem}.credits a{color:#fff;transition:.4s all ease;margin:0}.credits a:hover{text-decoration:none}.errorBanner{position:absolute;display:flex;justify-content:center;top:0;padding:0;margin:0;width:100%;font-family:Roboto Mono,monospace}.errorBanner p{margin:0;padding:1rem 2rem;min-width:50%;background-color:#03b5aa;background:#03b5aa;color:#fff;text-align:center;font-weight:700}.handPlay,.handHome{grid-area:Hand;background-color:#a11727;background:#a11727;color:#fff;display:flex;justify-content:flex-start;align-items:flex-start}@media screen and (max-width:768px){.handPlay,.handHome{flex-direction:row;flex-wrap:wrap}.handPlay.hasPlayed .handCard,.handHome.hasPlayed .handCard{transition:.5s ease all;transition-delay:.5s;height:0!important;min-height:0;opacity:0!important;box-shadow:none;background:none;color:transparent}}@media screen and (min-width:769px){.handPlay,.handHome{flex-direction:column;flex-wrap:nowrap;overflow-y:auto}.handPlay.hasPlayed,.handHome.hasPlayed{transition:.5s ease all}.handPlay.hasPlayed .handCard,.handHome.hasPlayed .handCard{transition:.5s ease all;cursor:default;background-color:#35070d4d}.handPlay.hasPlayed .handCard:hover,.handHome.hasPlayed .handCard:hover{box-shadow:0 .125rem .25rem palette(primary,dark)}.handPlay.hasPlayed .handCard:hover span,.handHome.hasPlayed .handCard:hover span{padding-left:1.5rem}.handPlay.hasPlayed .handCard:hover .virusMini,.handHome.hasPlayed .handCard:hover .virusMini,.handPlay.hasPlayed .handCard:hover .arrow,.handHome.hasPlayed .handCard:hover .arrow{width:0}}.handPlay h1,.handHome h1{font-family:Roboto Mono,monospace;margin:0}.handPlay p,.handHome p{margin:.4rem 0}.handPlay .roundBtn,.handHome .roundBtn{background:#03b5aa;color:#fff;border-radius:1rem;outline:none;border:none;border-radius:50%;height:1.5rem;width:1.5rem;display:inline-block;padding:0;margin:0 .5rem}.handPlay .roundBtn svg,.handHome .roundBtn svg{width:75%}.handPlay .roundBtn svg#rightArrow,.handHome .roundBtn svg#rightArrow{padding-left:.2rem;padding-top:.2rem}.handPlay{padding:0;margin:0;overflow:hidden}.handHome{padding:1rem}.header{background-color:#6b0f1a;grid-area:Header;font-family:Roboto Mono,monospace;font-size:1.5rem;display:flex;align-items:center;background:#6b0f1a;color:#fff}@media screen and (max-width:768px){.header{justify-content:center;padding:1rem;text-align:center}}@media screen and (min-width:769px){.header{justify-content:flex-start;padding:0 2rem;text-align:left}}.header h1{font-size:1.8rem}.info,.infoHome{background-color:#6b0f1a;grid-area:Info;padding:1rem;background:#6b0f1a;color:#fff;display:flex;align-items:center;justify-content:flex-end}@media screen and (max-width:768px){.infoHome{justify-content:center}}.info{justify-content:space-between;flex-wrap:wrap;width:100%;box-sizing:border-box}.info .player{display:flex;flex-direction:row;align-items:center;max-width:100%}.info .player #doctor{width:3.5rem;margin-right:1.2rem;flex-shrink:0}.info .player input.changeName{border:none;font-size:1rem;max-width:10rem;min-width:5rem}.info .player .name{cursor:text}.roundCard{background-color:#6b0f1a;grid-area:Header;font-family:Roboto Mono,monospace;display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:relative;font-size:1.3rem;background:#6b0f1a;color:#fff}@media screen and (max-width:768px){.roundCard{flex-direction:column-reverse;align-items:center;padding:0}}@media screen and (min-width:769px){.roundCard{flex-direction:row;align-items:center;padding:0 0 0 1rem}}@media screen and (max-width:768px){.roundCard h2{width:95%;font-size:1.6rem}}@media screen and (min-width:769px){.roundCard h2{width:95%;font-size:1.3rem}}.roundCard .wrapRoundCard{height:100%;flex-direction:row;justify-content:flex-start;align-items:center}@media screen and (max-width:768px){.roundCard .wrapRoundCard{width:100%;justify-content:center}}@media screen and (min-width:769px){.roundCard .wrapRoundCard{width:68%;justify-content:flex-start}}.roundCard .navigation{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width:768px){.roundCard .navigation{width:100%;margin:.7rem 0}}@media screen and (min-width:769px){.roundCard .navigation{width:32%;margin:0}}.roundCard .navigation .nav1{display:flex;flex-direction:row}.roundCard .navigation .nav2{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}@media screen and (max-width:768px){.roundCard .navigation .nav2 button{height:4rem;width:80%;margin:.5rem 0}}@media screen and (min-width:769px){.roundCard .navigation .nav2 button{height:2rem;width:100%;margin:.2rem 0}}.roundCard .navigation button{font-family:Roboto Mono,monospace;font-size:1rem;height:2rem;width:100%;background:#03b5aa;color:#fff;border-radius:1rem;cursor:pointer;outline:none;border:none;box-shadow:0 0 .25rem palette(grey,base);transition:.4s ease all}.roundCard .navigation button:hover{background:#027971}.roundCard .navigation button.roundBtn{border-radius:50%;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center;padding:0;margin:0}.roundCard .navigation button.roundBtn:hover #rightArrow{padding-left:.5rem}.roundCard .navigation button.roundBtn:hover #leftArrow{padding-right:.5rem}.roundCard .navigation button svg{width:75%;transition:.2s ease-in all}.roundCard .navigation button svg#leftArrow{padding-right:.3rem}.roundCard .navigation button svg#rightArrow{padding-left:.3rem}.userOptions{display:flex;flex-direction:column;align-items:center}.userOptions select{appearance:none;background-color:#fbe4e7;border:none;border-radius:50%;padding:.2rem;outline:none;cursor:pointer;font-size:2rem}body{margin:0}.App{display:grid;justify-items:stretch;font-family:Rubik,sans-serif;background-color:#fbfbfb}@media screen and (max-width:768px){.App{display:grid;grid-template-areas:"Info" "Header" "Hand" "Board";grid-template-rows:auto auto auto auto;grid-template-columns:100vw;min-height:100vh}}@media screen and (min-width:769px){.App{grid-template-areas:"Header Info" "Board Hand";grid-template-rows:15vh minmax(85vh,auto);grid-template-columns:70vw 30vw;height:100vh}}.App p{margin:0}.AppHome{display:grid;justify-items:stretch;font-family:Rubik,sans-serif;background-color:#fbfbfb}@media screen and (max-width:768px){.AppHome{display:grid;grid-template-areas:"Header" "Info" "Hand" "Board";grid-template-rows:auto auto auto;grid-template-columns:100vw;min-height:100vh}}@media screen and (min-width:769px){.AppHome{grid-template-areas:"Header Info" "Board Hand";grid-template-rows:15vh 85vh;grid-template-columns:70vw 30vw;height:100vh}}