body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.resultsPage{align-items:flex-start;display:flex;flex-direction:column;height:830px;justify-content:flex-start;margin:50px 10px 10px;padding:5px;position:relative;width:98%}.resultsPage .predictionsContainer{border-radius:10px;display:flex;flex-direction:row;margin-bottom:40px;padding-left:0;position:relative;width:98%}.resultsPage .predictionsContainer .predictionsTitle{font-size:20px;font-weight:700;margin:3px 3px 3px 10px}.resultsPage .predictionsContainer .predictionTablesContainer{display:flex;flex-direction:row;flex-wrap:wrap;max-width:90%;min-width:85%}.resultsPage .predictionsContainer .predictionTablesContainer .prediction{border:2px solid #fe6c3b;border-radius:10px;box-shadow:0 2px 2px #fe6c3b;margin-bottom:10px;margin-left:25px;margin-top:5px;width:280px}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .userInfoRow{align-items:center;background-color:#fe6c3b;border-radius:8px 8px 0 0;display:flex;flex-direction:row;height:34px;justify-content:flex-start;padding-top:2px}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .userInfoRow .userImage{border:2px solid #000;border-radius:15px;height:25px;margin-left:5px;margin-right:6px;object-fit:cover;width:25px}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .userInfoRow .userName{color:#000;font-size:17px;font-weight:600}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .predictionTable{display:flex;flex-direction:column;width:270px}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .predictionTable .predictionRow{align-items:center;border-bottom:1px solid #fe6c3b;display:flex;flex-direction:row;height:15px;justify-content:flex-start;margin:2px 0}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .predictionTable .predictionRow:last-of-type{border-bottom:0 solid #fe6c3b}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .predictionTable .predictionRow .standingPosition{font-size:11px;margin-left:10px;margin-right:8px;text-align:center;width:15px}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .predictionTable .predictionRow .teamName{font-size:11px;font-weight:700}.resultsPage .predictionsContainer .predictionTablesContainer .prediction .predictionTable .predictionRow .teamLogo{margin-right:3px;width:12px}.resultsPage .standingsRankingContainer{display:flex;flex-direction:row;height:450px;margin-bottom:10px;margin-top:3px;padding-left:0;position:relative;width:100%}.resultsPage .standingsRankingContainer .standingsContainer{border-radius:10px;display:flex;flex-direction:row;margin-top:3px;position:relative}.resultsPage .standingsRankingContainer .standingsContainer .standingsTitle{font-size:20px;font-weight:700;margin:3px 3px 3px 10px;width:135px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable{border:1px solid #fe6c3b;border-radius:12px;box-shadow:0 2px 2px #fe6c3b;margin-bottom:4px;margin-right:20px;margin-top:4px;width:570px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitlesContainer{align-items:center;background-color:#fe6c3b;border-radius:10px 10px 0 0;display:flex;flex-direction:row;height:40px;justify-content:flex-start;padding-left:10px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle{color:#000;font-size:13px;font-weight:700;text-align:center}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle.column1{width:30px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle.column2{width:215px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle.column3,.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle.column4,.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle.column5,.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingsTableTitle.column6{width:80px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingRow{align-items:center;border-bottom:1px solid #fe6c3b;display:flex;flex-direction:row;height:19px;justify-content:flex-start;padding-left:10px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingRow:last-of-type{border-bottom:0 solid #fe6c3b}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingRow .standingsTableTitle{color:#fe6c3b;font-size:11px}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingRow .standingsTableTitle.column2{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.resultsPage .standingsRankingContainer .standingsContainer .standingsTable .standingRow .standingsTableTitle.column2 .teamLogo{margin-right:3px;width:12px}.resultsPage .standingsRankingContainer .rankingContainer{display:flex;flex-direction:row}.resultsPage .standingsRankingContainer .rankingContainer .rankingTitle{font-size:20px;font-weight:700;margin:3px 3px 3px 10px;width:135px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable{border:1px solid #fe6c3b;border-radius:12px;box-shadow:0 2px 2px #fe6c3b;margin-bottom:4px;margin-right:20px;margin-top:4px;position:relative;width:340px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow{align-items:center;border-bottom:1px solid #fe6c3b;display:flex;flex-direction:row;height:30px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow:last-of-type{border-bottom:0 solid #fe6c3b}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .rankingImageContainer{align-items:center;display:flex;flex-direction:row;height:30px;justify-content:center;margin-left:10px;margin-right:10px;width:10px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .rankingImageContainer .rankingImage{width:10px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .rankingImageContainer .rankingImage.gold{filter:drop-shadow(0 0 4px gold)}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .rankingImageContainer .rankingImage.silver{filter:drop-shadow(0 0 4px silver)}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .rankingImageContainer .rankingImage.bronze{filter:drop-shadow(0 0 4px #cd7f32)}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .userPosition{font-size:11px;font-weight:700;margin-right:2px;width:15px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .userName{font-size:11px;font-weight:700;width:190px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .userImage{border:2px solid #000;border-radius:15px;height:20px;margin-left:5px;margin-right:8px;object-fit:cover;width:20px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .userPoints{color:#fff;cursor:pointer;font-size:11px}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .pointsBreakdownPopUpCotnainer{background-color:#fe6c3b;border-radius:10px;padding:5px;position:absolute;right:-317px;top:0;width:300px;z-index:1}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .pointsBreakdownPopUpCotnainer .pointsBreakdownTitle{color:#fff;font-size:16px;font-weight:700;text-align:center}.resultsPage .standingsRankingContainer .rankingContainer .rankingTable .rankingRow .pointsBreakdownPopUpCotnainer .pointsBreakdownItem{color:#fff;font-size:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#232323;color:#fe6c3b;font-family:Arial;margin:0}@media screen and (max-width:500px){body{padding:3px}}.App-header{align-items:center;background-color:#232323;border-bottom:1px solid #555;display:flex;height:40px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:2}@media screen and (max-width:500px){.App-header{height:20px}}.App-header .headerLeftPart{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-left:20px}.App-header .headerLeftPart .predictionsTitle{font-size:26px;font-weight:700;margin-left:20px}.App-header .headerLeftPart .predictionImg{width:30px}.loading{margin-top:300px;text-align:center;width:100%}.basicPageComponent{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:150px;width:100%}@media screen and (max-width:500px){.basicPageComponent{margin-top:135px}}.basicPageComponent .loginInputContainer{align-items:flex-end;background-color:#2b2b2b;border-radius:20px;display:flex;flex-direction:column;height:130px;justify-content:center;width:400px}.basicPageComponent .loginInputContainer .inputContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:60px}.basicPageComponent .loginInputContainer .inputContainer .loginInput{border:1px solid #555;border-radius:10px;height:30px;margin:5px;padding:0 10px;width:200px}.basicPageComponent .loginButton{background-color:#232323;border:1px solid #555;border-radius:10px;color:#fe6c3b;font-size:18px;height:30px;margin-top:10px;width:400px}.basicPageComponent .loginButton:hover{background-color:#2b2b2b;cursor:pointer}.predictionPage{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin-top:60px;width:100%}.predictionPage .welcomeContainer{align-items:center;display:flex;flex-direction:column;height:763px;justify-content:center;margin-left:70px;margin-right:150px;width:640px}.predictionPage .welcomeContainer .welcome{font-size:40px;font-weight:700}.predictionPage .welcomeContainer .userImageContainer{width:100px}.predictionPage .welcomeContainer .userImageContainer .userImg{border:2px solid #fe6c3b;border-radius:50px;height:100px;object-fit:cover;width:100px}.predictionPage .welcomeContainer .predictionDescription{text-align:center;width:532px}.predictionPage .welcomeContainer .teamsContainer{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;height:500px;justify-content:flex-start;width:532px}.predictionPage .mainPredictionsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.predictionPage .mainPredictionsContainer .emptyStandingsContainer{width:600px}.predictionPage .mainPredictionsContainer .emptyStandingsContainer .emptyStandingsTitleContainer{align-items:center;background-color:#fe6c3b;border-radius:10px 10px 0 0;display:flex;flex-direction:row;justify-content:center}.predictionPage .mainPredictionsContainer .emptyStandingsContainer .emptyStandingsTitleContainer .emptyStandingsTitle{color:#000;font-size:20px;font-weight:700}.predictionPage .mainPredictionsContainer .emptyStandingsContainer .standingsTable .standingsPositionsContainer{align-items:flex-start;border:2px solid #fe6c3b;display:flex;flex-direction:row;height:32px}.predictionPage .mainPredictionsContainer .emptyStandingsContainer .standingsTable .standingsPositionsContainer .standingsPosition{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;width:30px}.predictionPage .mainPredictionsContainer .emptyStandingsContainer .standingsTable .standingsPositionsContainer .standingsPosition .standingsPositionNumber{margin:3px;text-align:center;width:30px}.predictionPage .mainPredictionsContainer .emptyStandingsContainer .standingsTable .standingsPositionsContainer .standingEmptySpot{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;width:100%}.predictionPage .mainPredictionsContainer .submitPredictionButtonContainer{align-items:center;background-color:#232323;border:1px solid #555;border-radius:10px;display:flex;flex-direction:row;height:40px;justify-content:center;margin-top:10px;width:600px}.predictionPage .mainPredictionsContainer .submitPredictionButtonContainer:hover{background-color:#2b2b2b;cursor:pointer}.predictionPage .mainPredictionsContainer .submitPredictionButtonContainer .submitPredictionButton{color:#fff;font-size:26px}.predictionPage .mainPredictionsContainer .submitValidationMessageContainer{margin-top:10px}.predictionPage .teamContainer{align-items:center;background-color:#2b2b2b;border-radius:15px;cursor:pointer;display:flex;flex-direction:row;height:30px;justify-content:center;margin:5px;padding:3px;position:relative;width:250px}.predictionPage .teamContainer.onTable{height:20px;width:350px}.predictionPage .teamContainer:hover{background-color:#484848}.predictionPage .teamContainer .removeTeam{color:#fff;position:absolute;right:8px;top:-14px}.predictionPage .teamContainer .teamName{font-size:14px;margin-left:5px;text-align:center;-webkit-user-select:none;user-select:none;width:200px}.predictionPage .teamContainer .teamName.onTable{width:300px}.predictionPage .teamContainer .teamLogo{margin-right:3px;width:16px}