.app{min-height:100%;width:100%;z-index:1}button{font-family:Lexend,sans-serif}button:hover{transition:background-color .2s}.MainpageConsolidator{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AppContainer{min-height:100vh;max-height:100vh;display:grid;grid-template-rows:15% 70% 15%;margin-left:3vw;margin-right:3vw}.AppContainerMobile{min-height:100vh;max-height:100vh;display:grid;grid-template-rows:18% 6% 60% 6% 10%;margin-left:3vw;margin-right:3vw}.MainpageContentMobileContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Arrangement{display:flex;flex-direction:column;margin-left:5%;margin-right:5%;flex:1;justify-content:start;align-items:center;gap:6vh}.undraggable{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.mainpageheaderfiller{height:100%;aspect-ratio:1/1}.LogoMainContainer{display:flex;justify-content:center;transition:.2s}.LogoMain{width:80%;min-width:180px;transition:.2s}.HeaderMainpage{display:grid;grid-template-columns:1fr 2fr 2fr 2fr 1fr;grid-template-rows:10vh;margin-top:4vh;width:100%;transition:.2s;justify-items:center;align-items:center}.HeaderMainpageMobile{display:grid;align-items:center;grid-template-columns:1fr 3fr 1fr;width:100%;margin-top:4vh;grid-template-rows:10vh}.Button{background-color:#e7e7e7;border-radius:40px;border-width:0px;font-family:Lexend,sans-serif;font-size:max(1.2vw,1.2vh);font-weight:600;width:100%;height:100%;display:flex;text-align:center;justify-content:center;align-items:center;line-height:1;z-index:1}.Guessbutton{flex-grow:1;flex-shrink:1;max-height:6vh;min-height:3vh;width:40%;justify-self:center}.Guessbutton:disabled:hover{cursor:not-allowed;background-color:#e7e7e7}.Button:hover{background-color:#c7c7c7;cursor:pointer}.BackButton{background-color:#e7e7e7;border-radius:40px;border-width:0px;font-family:Lexend,sans-serif;font-size:max(1.2vw,1.2vh);font-weight:600;width:100%;height:70%;transition:.2s}.SettingsButton{display:flex;justify-content:center;align-items:center;height:100%;border-radius:50%;aspect-ratio:1/1;padding:0;border-width:0px}.LeaderboardButton{height:70%;width:100%;aspect-ratio:1/1}.SettingsIcon{height:30%}.ButtonIcon{height:50%}.ButtonChangePW{font-size:1.5vh;width:45%;height:100%;background-color:#4caf50;color:#fff}.ButtonChangePW:hover{background-color:#45a049}.ButtonChangePW:disabled{background-color:#e7e7e7;color:gray;transition:.5s}.PersonalElements{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;height:70%;gap:3%;transition:.2s}.MenuStackedPersonalElements{display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:center;text-align:center;transition:.2s;border-radius:40px;border:0px;font-family:Lexend,sans-serif;width:75%;height:100%;min-width:200px;gap:3%}.BodyMainpage{display:grid;align-items:center;grid-template-columns:1fr 1fr;width:100%;height:100%;gap:3vw}.BodyConfig{display:grid;grid-template-columns:1fr;width:100%;height:100%;align-items:center;justify-items:center}.BodyMainpageStacked{display:grid;justify-items:center;grid-template-rows:1fr 1fr;width:100%;height:90%;gap:5%}.BodyMainpageStackedMobile{display:grid;justify-items:center;grid-template-rows:3fr 3fr 1fr 1fr;width:100%;height:95%;gap:2.5%}.FooterMainpage{align-self:center;justify-items:center;width:100%;display:grid;grid-template-columns:1fr 4fr 1fr;font-size:min(1.5vh,1.5vw)}.FooterIcon{display:flex;align-self:start;align-items:start;justify-content:start}.LogoFooter{height:100%;width:100%}.FooterCopyright{align-self:center;text-align:center}.FooterLegal{align-self:end;height:100%;width:100%}.FooterLegalMobile{display:flex;align-self:end;height:100%;width:100%;justify-content:center;align-items:center}.LegalButton{height:50%;width:100%}.MainPageContainer{display:grid;grid-template-columns:20% 60% 20%;height:100%;max-height:100%;overflow:hidden}.AdBannerContainer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.AdBanner{background-color:#e7e7e7;width:300px;height:50px}.AdSkyThinContainer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.AdSkyThin{background-color:#e7e7e7;width:120px;height:240px}.AdTower{display:grid;align-items:center;grid-template-rows:1fr 1fr;height:100%;gap:2vh}.AdTower.end{justify-content:end}.AdContainerSkyscraper{width:250px;height:250px;background-color:#e7e7e7;min-width:160px;max-height:250px;z-index:-999}.AdContainerBanner{width:960px;height:90px;background-color:#e7e7e7;min-width:960px;z-index:-999}.MenuItem{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#d9d9d9;transition:.2s;border-radius:40px;border:0px;font-family:Lexend,sans-serif;width:100%;min-width:360px;aspect-ratio:1/1}.MenuItemStacked{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;text-align:center;background-color:#d9d9d9;border-radius:40px;border:0px;font-family:Lexend,sans-serif;width:75%;height:100%;min-width:200px}.MenuItem:hover,.MenuItemStacked:hover{background-color:#c7c7c7;transition:.2s;cursor:pointer}.InnerMenu{display:flex;flex-direction:column;width:75%;gap:2vh}.InnerMenuPersonalItems{display:grid;grid-template-columns:1fr 3fr;width:100%;height:100%;gap:1vw}.MenuHeadline{font-weight:700;font-size:max(1.8vw,1.8vh)}.MenuSubtitle{font-weight:500;font-size:max(1.2vw,1.2vh);color:#535353}.MenuDescription{font-weight:400;font-size:max(1.2vw,1.2vh)}.LegaltextMP{display:flex;flex-direction:column;align-items:end;justify-content:center;z-index:10;height:80%}.LegaltextButton{background-color:transparent;color:#535353;border:0px;font-size:min(1.5vh,1.5vw)!important;align-self:flex-end;text-align:end}.LegaltextButton:hover{cursor:pointer;color:#000}.LegaltextPage{display:flex;width:75%;height:100%;max-height:60vh;background-color:#e7e7e7;border-radius:40px;justify-self:center;align-self:center;overflow:hidden}.PageTitle{font-size:max(2.5vh,2.5vw);font-weight:700;text-align:center;margin-bottom:2%}.LegalTextScroll{padding:10%;overflow-y:scroll;padding-top:3vh;padding-bottom:3vh}.Lexend{font-family:Lexend,sans-serif;font-size:1vw;font-weight:400}.LoginformContainer{width:50%;display:grid;height:90%;grid-template-rows:1fr 5fr .5fr 1fr .75fr;gap:3%}.Placeholder{color:transparent}.FormContainer{display:flex;width:65%;height:90%;background-color:#e7e7e7;border-radius:40px;justify-self:center;align-self:center;justify-content:center;align-items:center}.LogoOnboarding{width:8vw}.LoginHeadline{font-size:max(2.5vh,2.5vw);font-weight:700;text-align:center}.Inputs{display:grid;grid-template-rows:30% 30% 10% 20%;gap:5%;height:100%}.InputsSignup{display:grid;height:100%;width:100%;grid-template-rows:3fr 3fr 3.5fr 1fr 2fr 1fr;gap:3%}.FormItemContainer{display:flex;flex-direction:column;width:100%;height:100%;gap:4%}.InputLabel{align-self:flex-start;font-weight:600;font-size:min(2.5vw,1.8vh)}.Input{display:flex;flex:1;width:100%;border-radius:40px;border-color:#fff;border-width:.2vw;border-style:solid;font-family:Lexend,sans-serif;padding-left:1vw;transition:.2s}.InputPasswordRow{display:flex;height:70%;width:100%;border-radius:40px;border-color:#fff;border-width:.2vw;border-style:solid;font-family:Lexend,sans-serif;padding-left:1vw;transition:.2s}.SaveLoginText{font-size:min(1.5vh,1.5vw)}.SaveLoginContainer{display:flex;justify-self:center;align-self:center;justify-content:center;align-items:center;border:.15vw solid white;width:50%;gap:5%;height:100%;font-weight:600;background-color:#fff;color:#000;transition:.2s;border-radius:20px}.SaveLoginContainer:hover{border:.15vw solid #B5B4C5;cursor:pointer}.RingSelected{height:70%;border-radius:50%;background-color:#4cce4c;aspect-ratio:1/1;transition:.2s}.RingDeselected{height:70%;border-radius:50%;background-color:#c7c7c7;aspect-ratio:1/1;transition:.2s}.SaveLoginContainerSelected{display:flex;justify-self:center;align-self:center;justify-content:center;align-items:center;width:50%;gap:5%;height:100%;font-weight:600;background-color:#fff;border:.15vw solid white;color:#4cce4e;transition:.2s;border-radius:20px}.SaveLoginContainerSelected:hover{border:.15vw solid #B5B4C5;cursor:pointer}.ForgotPasswordButton{background-color:transparent;border:.15vw solid transparent;display:flex;width:100%;height:15%;justify-self:flex-start;border-radius:20px;transition:.2s;margin-top:1%}.ForgotPasswordButton:hover{transition:.2s;font-weight:600;cursor:pointer}.JoinInput{width:40%;height:100%;padding:0;border:0px;padding-left:1vw;border-radius:40px;border-color:#fff;font-size:min(2.7vh,2.7vw);font-family:Lexend,sans-serif;text-transform:uppercase}.Input:hover,.Input:active{border-color:#b5b4c5}.InputWrapper{position:relative;display:flex;align-items:center}.PasswordShowButton{height:90%;display:flex;justify-content:center;align-items:center;border:.2vw white solid;background-color:#fff;border-radius:50%;aspect-ratio:1/1;transition:.2s}.Icon{width:80%;height:80%;justify-content:center;align-items:center}.PasswordShowButton:hover{border:.2vw solid #B5B4C5}.PasswordRow{display:flex;flex-direction:row;flex:1;width:100%;align-items:center;gap:3%}.ErrorText{color:#ff3737;font-size:min(1.3vh,1.3vw);margin-top:1%;opacity:1;transition:opacity .3s ease-out;pointer-events:none;max-height:min(1.5vh,1.5vw)}.InputWrapper .ErrorText{opacity:1}.LoginButtonForm{background-color:#fff;width:90%;display:flex;justify-content:center;align-items:center;justify-self:center;font-size:min(2.5vw,1.8vh);font-weight:700;height:100%;border:.15vw solid white;transition:border-color .3s ease;gap:5%}.LoginButtonForm:hover{border:.15vw solid #B5B4C5}.LoginButtonForm:disabled{opacity:.6;cursor:not-allowed}.LoginButton{width:100%;height:100%;border-radius:40px;display:flex;justify-content:center;align-items:center;font-size:max(1.7vh,1.3vw);border:0}.LoginButtonForm:hover{background-color:#fff;border:.15vw solid #B5B4C5}.Seperator{display:flex;flex-direction:row;width:70%;gap:.5vw;font-weight:600;height:100%;justify-self:center;justify-content:center;align-items:center}.Seperator:before,.Seperator:after{content:"";flex:1 1;border-bottom:.35vh solid #B5B4C5;margin:auto}.AuthButton{display:flex;background-color:#fff;border-width:0;border-radius:40px;justify-content:center;align-items:center;gap:1vw;font-size:min(1.7vh,1.3vw);padding:1vh 1.5vw 1vh 1.5vw;border:.15vw solid white;width:100%;height:100%}.AuthButtonImg{height:90%}.AuthButton:hover{cursor:pointer;border:.15vw solid #B5B4C5}.CreateAccount{font-size:1.75vh;padding:0}.CreateAccount:hover{background-color:transparent;color:#535353}.SignupformContainer{width:50%;height:90%;display:grid;grid-template-rows:10% 65% 5% 10%;gap:3%;justify-self:center;align-self:center}.PopupContainer{position:fixed;display:flex;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:5;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);justify-content:center;align-items:center}.PopupWindow{position:relative;display:flex;width:60vmin;height:60vmin;background-color:#cecece;border-radius:40px;overflow:hidden;justify-content:center;box-shadow:10px 10px 30px #3d3d3d91}.NoAccNotice{display:grid;justify-items:center;align-items:center;width:100%;height:80%;align-self:center;grid-template-rows:1fr 4fr 1fr}.ClosePopup{position:absolute;background-color:#f0f0f0;width:6vmin;height:6vmin;right:5%;top:5%;border-radius:50%;border-width:0px;z-index:10;transition:.2s;font-weight:700;border:0;cursor:pointer}.ClosePopup:hover{background-color:#f0f0f0;border:.15vw solid #B5B4C5;cursor:pointer}.PopupTitle{font-size:max(2.5vh,2.5vw);font-weight:700}.PopupTextblock{width:70%;text-align:center;font-size:min(3vh,3vw)}.PopupButtonRow{display:flex;width:80%;gap:8%;height:100%;justify-content:center}.PopupButton{background-color:#f0f0f0;height:100%;width:40%;font-size:min(2.7vh,2.7vw)}.PopupButton:hover{cursor:pointer;border:.15vw solid #B5B4C5;background-color:#f0f0f0}.FW700{font-weight:700}.LogoFooter{height:8vh;z-index:10;justify-content:center}.ConfigHeadertext{text-align:center;font-weight:700;font-size:max(3vh,3vw);display:flex;justify-content:center;align-items:center;background-color:transparent;border:0;font-variant-numeric:tabular-nums;transition:.2s}.ConfigHeadertextVersus{text-align:center;font-size:max(3vh,3vw);font-weight:700;display:flex;justify-content:center;align-items:center;background-color:transparent;border:0;font-variant-numeric:tabular-nums;transition:.2s;font-size:3vmin}.ConfigHeadertextVersus:hover{cursor:pointer;filter:invert(12%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(99%) contrast(93%)}.LinkCopyFeedback{animation-duration:2s;animation-name:click-feedback;animation-iteration-count:infinite;animation-direction:alternate}@keyframes click-feedback{0%{filter:invert(19%) sepia(85%) saturate(1863%) hue-rotate(117deg) brightness(91%) contrast(104%)}to{filter:invert(0%) sepia(97%) saturate(0%) hue-rotate(67deg) brightness(96%) contrast(104%)}}.BodyProfile{align-self:center;width:60%;height:90%;display:grid;justify-items:center;grid-template-rows:1fr 1fr 10fr;gap:3vh;justify-self:center}.ProfileNameContainer{width:100%;display:grid;height:100%;grid-template-columns:3fr 1fr 1fr;gap:1vw}.ProfileNamefield{border-radius:40px;border:0;font-size:max(2vh,2vw);font-weight:700;height:100%;width:90%;max-width:100%;padding-left:2vw}.NameChangeButton{border-radius:40px;border:0;height:100%;font-size:min(1.7vh,1.7vw);padding:1vh 2vw 1vh 2vw;font-weight:700;width:100%}.StaticNamefield{display:flex;border-radius:40px;border:0;font-size:max(2vh,2vw);font-weight:700;width:100%;height:100%;align-items:center;gap:2vw}.ProfileStatContainer{display:grid;height:45vh;width:100%;overflow-y:scroll;grid-template-rows:1f 1fr}.StatsSingleplayer,.StatsMultiplayer{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}.LogoutContainer{width:100%;height:100%}.ButtonLogout{display:flex;background-color:#ff5f5f;border-radius:40px;border-width:0px;padding:1vh 3vh;font-size:min(1.7vh,1.7vw);color:#fff;justify-content:center;align-items:center;height:100%;width:25%}.ButtonLogout:hover{cursor:pointer;background-color:#ff4747}.StatsHeading{font-size:2.5vh;font-weight:600;padding-bottom:3vh}.StatsRow{display:grid;width:90%;grid-template-columns:1fr 1fr;background-color:#e7e7e7;align-items:center;padding:1vh 1vw 1vh 1vw;border-radius:40px;align-self:center}.StatLabel{width:100%;text-align:left}.StatValue{display:flex;justify-content:center}.ConfigWrapper{display:flex;width:80%;height:80%;justify-content:center;align-items:center;font-size:max(2vh,2vw);text-align:center;justify-self:center;align-self:center}.ConfigGameInnerVersus{display:grid;height:100%;width:80%;grid-template-rows:1fr 2fr 1fr 4fr 2fr;flex-direction:column;justify-content:center;align-items:center;justify-items:center;gap:2%;font-size:max(2vh,2vw)}.ConfigGameInnerClassic{gap:2vh;display:grid;height:70%;width:80%;grid-template-rows:1fr 3fr 1fr;flex-direction:column;justify-content:center;align-items:center;justify-items:center;font-size:max(2vh,2vw)}.ConfigGameMode{font-size:min(3vw,1.7vh);color:#535353}.ConfigGameExplination{display:flex;justify-content:center;align-items:center;font-size:min(3vw,1.7vh);width:100%;height:100%;padding-right:2vw;padding-left:2vw}.ConfigGameStartButton{width:60%;height:100%;max-height:6vh}.GameBody{display:grid;align-items:center;grid-template-columns:1fr;grid-row:4% 80% 10%;width:100%;height:100%}.ChoiceWrapper{display:grid;width:100%;gap:1vw;grid-template-columns:1fr 1fr}.GameBodyMobile{display:grid;align-items:center;justify-items:center;justify-self:center;grid-template-columns:1fr;grid-template-rows:10% 70% 10% 10%;width:90%;height:90%;max-height:90%}.GuessImageButton{max-width:100%;max-height:100%;width:auto;height:auto;background-color:#b5b4c5;aspect-ratio:1/1;object-fit:contain;padding:0;border:3px transparent solid;border-radius:20px;overflow:hidden}.GuessImage{height:100%;width:100%}.MobileImageSwitchRow{flex-grow:1;flex-shrink:1;display:grid;width:75%;gap:5%;grid-template-columns:1fr 1fr;max-height:6vh;min-height:4vh}.GuessImageButton:hover,.GuessImageButtonMobile:hover{border:3px #77ffff solid;transition:.2s;cursor:pointer}.GuessImageButton.ImgIncorrect:hover{border:3px #ff0606 solid;transition:.2s;cursor:not-allowed}.GuessImageButton.NotSelected:hover{border:3px transparent solid;transition:.2s;cursor:not-allowed}.ImgSelected{border:3px #ffc506 solid;transition:.2s}.ImgCorrect{border:3px #06ff1b solid;transition:.2s}.ImgIncorrect{border:3px #ff0606 solid;transition:.2s}.ImgSelected:hover{border:3px #ffc506 solid;transition:.2s}.ImgLoading{width:100%;height:100%;background-color:#535353}.EndGameContainer{justify-self:center;align-self:center;display:grid;grid-template-rows:1fr 6fr 1fr;width:80%;height:65%;align-items:center}.EndgameStatline{text-align:center;font-size:min(2.7vh,3.2vw)}.StatlineContainer{display:grid;grid-template-rows:1fr 1fr 1fr;height:60%}.EndGameButtons{height:100%;display:flex;gap:3vw;width:60%;justify-content:center;align-self:center;justify-self:center}.EndgameButton{width:50%;font-size:min(2vh,2.5vw)}.StatNumber{font-weight:700;font-size:min(3vh,3vw);display:inline-block}.Bold{font-weight:700}.Heart{display:flex;aspect-ratio:1/1;width:3vmin;height:auto}.RoundStats{display:flex;flex-direction:row;font-weight:700;font-size:min(2vh,2.2vw);justify-content:end;align-items:center;width:100%}.StreakIcon{height:3vmin;aspect-ratio:1/1}.Question{display:flex;font-weight:700;font-size:min(2vh,2.2vw);align-items:center;justify-content:center;text-align:center}.HeartsContainer{display:flex;gap:.5vw;align-items:center;justify-content:start;width:100%}.StatsContainer{display:grid;flex-grow:1;flex-shrink:1;grid-template-columns:2fr 2fr 2fr;grid-template-rows:repeat(1,1fr);gap:5%}.RoundStatsContainer{display:flex;flex-direction:row;width:100%;justify-content:space-between}.PlayerPB{font-size:1.4vmin;height:4vmin;display:flex;justify-content:center;align-items:center;text-align:center;aspect-ratio:1/1;border-radius:50%}.PlayerPB-color-0{background-color:#4cce7e}.PlayerPB-color-1{background-color:#4cb4ce}.PlayerPB-color-2{background-color:#734cce}.PlayerPB-color-3{background-color:#ce4cc3}.PlayerPB-color-4{background-color:#ce964c}.PlayerPB-color-5{background-color:#ce4c4c}.PlayerPB-color-6{background-color:#4c55ce}.PlayerPB-color-7{background-color:#4cce4c}.PlayerCard{font-size:min(1.4vh,1.4vw);width:100%;height:100%;display:flex;flex-direction:column;text-align:center;white-space:nowrap;align-items:center;justify-content:center}.PlayersHeader{font-size:2vh;font-weight:600}.PlayerDisplay{background-color:#e7e7e7;border-radius:40px;display:grid;width:80%;height:100%;justify-content:center;padding:1.5vmin;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;font-size:1.5vw}.EndOfGameTableName{width:100%;overflow-x:hidden}.PBRingContainer{display:flex;width:70%;aspect-ratio:1/1;justify-content:center;align-items:center;justify-self:center;position:relative}.PlayerPBLives{font-size:1.4vmin;position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;width:90%;aspect-ratio:1/1;top:50%;left:50%;transform:translate(-50%,-50%)}.PlayerCardAbs{display:flex;justify-content:center;align-items:center;z-index:-10;aspect-ratio:1/1;height:100%}.LivesRing{position:absolute;z-index:1000;aspect-ratio:1/1;width:100%;top:50%;left:50%;transform:translate(-50%,-47%)}.PlayerLivesCard{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:min(1.2vh,1.2vw);aspect-ratio:1/1;max-width:100%}.Eliminated{filter:grayscale(1);transition:.2s}.PlayerCardsHeaderContainer{display:grid;flex-direction:row;height:100%;grid-template-columns:repeat(4,20%);width:80%;justify-self:center;justify-content:space-between}.EndOfGameTable{height:90%;display:grid;grid-auto-rows:6vh;padding-left:2vw;padding-right:2vw;gap:2%;overflow-y:scroll}.EndOfGameRank{display:flex;justify-content:center;align-items:center}.EOGCardContainer{display:flex;background-color:#e7e7e7;align-items:center;padding:1vh 2vw 1vh 2vw;border-radius:40px;z-index:10;width:80%;justify-self:center}.EndOfGameCard{display:grid;grid-template-columns:7% 13% 25% 25% 30%;align-items:center;justify-content:center;width:100%;height:auto;gap:2vmin;padding-left:3vw;padding-right:3vw;padding-bottom:1vh;padding-top:1vh;z-index:10;font-size:min(1.6vh,2.4vw)}.RadioButtonSelected{font-size:1.5vh;width:100%;height:100%;background-color:#ffb764}.RadioButtonSelected:hover{background-color:#da9d57}.RadioButtonDeSelected{font-size:1.5vh;width:100%;background-color:#fff}.Border{border:3px #535353 solid}.LeaderboardWrapper{justify-self:center;align-self:center;display:grid;grid-template-rows:1fr 1fr 9fr;gap:1vh;width:80%;height:80%;max-height:80vh}.LeaderboardSortSelectorWrapper{display:grid;grid-template-columns:4fr 1fr 4fr;height:100%;width:70%}.LeaderboardSelectorGroup{display:flex;flex:1;gap:.5vw;justify-content:center;flex-direction:row;background-color:#e7e7e7;padding:.4vh .5vw .4vh .5vw;border-radius:40px}.LeaderboardSortSelectorWrapper.mobile{width:100%}.LeaderboardBody{display:grid;grid-auto-rows:5vmin;gap:1.5vh;overflow-y:scroll;height:100%;width:100%;scrollbar-color:#ffffff #cecece;scrollbar-width:thin;padding-right:1vw}.LeaderboardCard{display:grid;grid-template-columns:15% 5% 40% 40%;align-items:center;justify-content:center;width:100%;height:100%;z-index:10;font-size:min(1.8vh,2.3vw);text-align:center}.LBPlayerWrapper{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:2vw}.LBCardContainer{display:flex;background-color:#e7e7e7;height:100%;width:100%;border-radius:40px;z-index:10}.LBRank{text-align:center}.LeaderboardLabels{display:grid;background-color:#e7e7e7;border-radius:40px;grid-template-columns:5% 55% 40%;align-items:center;justify-content:center;z-index:10;font-size:max(1.2vw,1.2vh);padding:1vh 2vw 1vh 2vw;text-align:center}.LinkButton{height:3vh;color:#000}.LangSelectWrapper{display:flex;width:70%;max-width:70%;gap:1.5vh;align-items:start;flex-direction:column;font-size:3vh;height:35%}.LanguagesContainer{display:flex;height:30%;width:100%;flex-direction:row;gap:1vw}.ButtonLangSelect{width:100%;height:100%;padding:1vh 2vw 1vh 2vw;font-size:1.5vh}.SettingsWrapper{height:80%;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ButtonDelAcc{width:45%;height:100%;padding:1vh 2vw 1vh 2vw;font-size:1.5vh;color:#fff;background-color:#ff3737}.ButtonDelAcc:hover{background-color:#e02f2f}.SettingsText{width:100%;font-size:1.8vh}.LivesPBStreakRow{display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:700}.OnStreak{filter:brightness(0) saturate(100%) invert(28%) sepia(76%) saturate(2981%) hue-rotate(12deg) brightness(96%) contrast(95%)}.CookiePopupWindow{position:relative;display:flex;width:80vmin;height:80vmin;background-color:#cecece;border-radius:40px;overflow:hidden;box-shadow:10px 10px 30px #3d3d3d91;justify-content:center;align-items:center}.CookiePopupInner{width:80%;height:80%;display:grid;grid-template-rows:1fr 3fr 1fr 1fr;gap:3%}.CookiePopupTitle{text-align:center;font-size:3vh;font-weight:600}.CookiePopupText{text-align:center;font-size:max(1.7vw,1.7vh);width:90%;height:100%;overflow-y:scroll;padding-left:5%;padding-right:5%;scrollbar-color:#ffffff #cecece;scrollbar-width:thin}.CookiePopupButtonRow{display:grid;gap:.7vw;grid-template-columns:repeat(3,1fr)}.CookieCustomWrapper{display:grid;grid-template-rows:1fr 3fr;gap:.5vw}.CustomizeTitle{text-align:center}.CookieCutomizeButtonRow{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw}.CookieCutomizeButtonRow>button{display:flex;width:100%;height:60%;flex-direction:row;border-radius:40px;border:3px transparent solid;gap:5%;justify-content:center;align-items:center;font-size:max(1.2vw,1.2vh);align-self:center;transition:.2s}.CookieButtonSelected{border:3px #50ce4c solid!important;background-color:#7bd189;color:#fff;font-weight:600;transition:.2s}.SelCircle{height:70%;aspect-ratio:1/1;background-color:#cecece;border-radius:50%}.SelCircle-selected{background-color:#ce4c4c}.CookiePopupButtonRow>button{background-color:#f0f0f0;border:0;transition:.2s;height:100%;border-radius:40px;font-size:max(1.4vw,1.4vh);align-self:center}.CookiePopupButtonRow>button:hover{background-color:#cecece;transition:.2s}.LegalPopupInner{display:grid;height:80%;width:80%;gap:5%;grid-template-rows:repeat(6,1fr)}::-webkit-scrollbar{width:10px;height:20px}::-webkit-scrollbar-track{background:#cecece;border:0;border-radius:40px}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-thumb:hover{background:#555}.AdminPageWrapper{align-self:center;height:80%;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;gap:10%}.AdminInputsWrapper{display:grid;grid-template-rows:1fr 3fr 1fr 3fr;height:60%;gap:5%}.Trialwrapper{display:grid;grid-template-rows:1fr 5fr 2fr}.TrialImages{display:grid;grid-template-columns:1fr 1fr;gap:5%}.TrialImage{aspect-ratio:1/1;width:100%;background-color:#c7c7c7;object-fit:contain}.TrialDesc{display:grid;grid-template-columns:1fr 1fr;height:30%;gap:10%}.ActiveTopicsWrapper{display:flex;flex-direction:column;overflow-y:scroll}.ResetPasswordForm{display:grid;grid-template-rows:1fr 1fr 1fr 2fr;width:65%;height:65%;gap:10%;justify-self:center;align-self:center;font-size:min(2.3vh,2.7vw)}.ResetPasswordFormText{display:flex;width:100%;height:100%;text-align:center;align-items:center;justify-content:center}.ResetPasswordFormItem{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center}.ResetPasswordFormItem>button{width:80%;height:75%;background-color:#fff;border:0;border-radius:40px;transition:.2s;font-size:min(2.1vh,2.4vw)}.ResetPasswordFormItem>button:hover{background-color:#e7e7e7;cursor:pointer}.ResetPasswordFormItem>input{width:75%;height:75%;border:0;border-radius:40px;font-size:min(2.3vh,2.7vw);padding-left:5%}.Input.InvalidEmail{border:#ff3737 .2vw solid!important;transition:border-color .3s ease}.RPInv{border:#ff3737 .2vw solid!important}.NameInvalid{color:#ff3737}.AboutText{font-size:min(2.4vh,2.4vw);text-align:center;justify-content:center}.DelAccPopupInner{width:80%;height:80%;justify-self:center;align-self:center;display:grid;grid-template-rows:10% 65% 15%;gap:5%}.DelAccButtonRow{display:flex;flex-direction:row;gap:10%;width:100%}.DelAccText{text-align:center;flex-direction:column;gap:10%;font-size:2.3vmin;display:flex;justify-content:center}.LoadingWrapper{min-height:100vh;max-height:100vh;display:flex;justify-content:center;align-items:center}@keyframes breathing{0%{width:20%}50%{width:30%}to{width:20%}}.LogoLoading{width:25%;animation-name:breathing;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:1;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.15s}.PasswordResetSucessWrapper{width:60%;display:grid;grid-template-rows:1fr 1fr;gap:10%;align-items:center;justify-items:center;justify-self:center;color:#06ff1b}:root{background-color:#b5b4c5;min-height:100vh}#root{min-height:100vh}html,body{margin:0;padding:0;font-family:Lexend,sans-serif;min-height:100vh}