@import url(https://fonts.googleapis.com/css2?family=Caprasimo&family=Roboto+Slab:wght@400;700&display=swap);.content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px;width:100%}.filter-main-container{width:100%}.filter-dropdown-container{display:flex;gap:10px;justify-content:flex-end;margin-bottom:10px;width:70%}.filter-dropdown{background-color:#1a1a1a;border:2px solid #f60;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:50px;padding:8px;width:300px}.filter-dropdown.white{background-color:#fff;color:#f60}.filter-dropdown.wdt-200{width:200px}@media (max-width:659px){.filter-dropdown{margin:0 auto;width:200px}.filter-dropdown.wdt-200{margin:0 auto;width:180px}}.highlight{color:#f60;font-weight:700}.dark-main-container{background-color:#1a1a1a;border:4px solid #f60;border-radius:8px;color:#fff;padding:10px;width:70%}.dark-main-container table{border-collapse:collapse;width:100%}.dark-main-container td,.dark-main-container th{border-bottom:1px solid #f9be97;padding:10px;text-align:center}.dark-main-container th{color:#f60;cursor:pointer;font-weight:700;position:relative}.dark-main-container th.left{text-align:left}.dark-main-container tr:hover{background-color:#f603}.dark-main-container .sort-icon{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;display:inline-block;height:10px;margin-left:5px;opacity:.5;width:10px}.dark-main-container .sort-icon.asc{border-bottom:5px solid #f60;border-top:none;opacity:1}.dark-main-container .sort-icon.desc{border-bottom:none;border-top:5px solid #f60;opacity:1}.predict.matches{display:flex;flex-direction:column;gap:20px;width:100%}.leaderboard .user-info{align-items:center;display:flex;gap:5px}.leaderboard .country-flag{display:inline-block;height:12px;width:16px}@media (max-width:1070px){.leaderboard{width:auto}}@media (max-width:970px){.filter-dropdown.leaderboard-dropdown{margin:0 auto;width:200px}}@media (max-width:780px){.leaderboard{width:98%}}.table-wrapper{overflow-x:auto;width:100%}@media (max-width:710px) and (min-width:451px){.table-wrapper table{border-collapse:initial;border-spacing:0;min-width:700px}.col-rank,.col-user{left:0;z-index:2}.col-user{left:40px;z-index:3}}@media (max-width:450px){.col-avg,.col-perfects,.col-predictions{display:none}.col-rank,.col-score,.col-user{display:table-cell}}.user-points .user-info-containter{display:flex;flex-direction:row;justify-content:space-between;padding:10px;width:100%}.user-points .flag-name-container{display:flex;flex-direction:row;gap:15px}.user-points .user-country-flag{display:inline-block;height:93px;width:124px}.user-points .name{display:flex;flex-direction:column;padding:10px}.user-points .username{color:#f60;font-size:28px;font-weight:700}.user-points .total-points{color:#f60;font-size:44px;font-weight:700;padding:10px}.user-points .match-info{align-items:center;display:flex}.user-points .team-img{height:20px;margin:0 5px;width:20px}.user-points .expand-icon{cursor:pointer;text-align:center;width:50px}.user-points .expanded-row td{background-color:#f603}.user-points .expanded-content{font-size:1rem}@media (max-width:1120px){.user-points{width:auto}.filter-dropdown.points-dropdown{margin:0 auto;width:200px}}@media (max-width:888px){.user-points{width:98%}}@media (max-width:760px){.user-points{width:98%}}@media (max-width:680px){.scroll-wrapper{overflow-x:auto;width:100%}.scroll-wrapper>*{min-width:680px}}.reset-form{display:flex;flex-direction:column;text-align:center;width:300px}.reset-form .password-input{background:none;border:2px solid #f9873b;border-radius:4px;color:#000;font-size:1.5rem;height:50px;margin-bottom:15px;outline:none;padding:5px 10px}.navbar{background-color:#333;box-shadow:0 2px 5px #0000001a;padding:1rem 2rem;position:relative;width:100%}.nav-items.open{background-color:#333;height:auto;left:0;position:fixed;right:0;top:48px;z-index:1000}body.menu-open{overflow:hidden}.backdrop{background:#333;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.hamburger{color:#f60;cursor:pointer;display:none;font-size:2rem;padding-right:1rem;position:relative;text-align:right;z-index:1001}.nav-items{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-left,.nav-right{display:flex;gap:15px}.nav-items li{margin:0}.nav-items a{border-radius:4px;color:#ccc;font-size:1.2rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s,color .3s}.nav-items a:hover{background-color:#555;color:#fff}.nav-items a.active,.nav-items a.selected{background-color:#f60;color:#fff}@media (max-width:666px){.navbar{box-sizing:border-box;padding:0;width:100%}.hamburger{color:#f60;cursor:pointer;display:block;font-size:2rem;padding-right:1rem;position:relative;text-align:right}.nav-items{background-color:#333;display:none;flex-direction:column;left:0;padding:10px 0;position:absolute;right:0;text-align:center;top:48px;width:100%}.nav-items.open{display:flex}.nav-left,.nav-right{flex-direction:column;gap:10px;width:100%}.nav-items a{display:block;padding:15px;width:100%}}.modal-overlay{background:#000000b3;height:100%;left:0;top:0;width:100%;z-index:1000}#auth-modal,.modal-overlay{align-items:center;display:flex;justify-content:center;position:fixed}#auth-modal{background-color:#282217f2;border-radius:8px;flex-direction:column;left:50%;max-height:90vh;max-width:400px;overflow-y:auto;padding:20px;top:50%;transform:translate(-50%,-50%);width:90vw}#auth-modal::-webkit-scrollbar{display:none}#auth-modal h2{color:#f9873b;font-family:Caprasimo,cursive;font-size:4rem;margin:0;text-align:center}#auth-modal button{border:2px solid #f9873b;border-radius:4px;box-shadow:0 0 8px #fb06;cursor:pointer;display:block;font-size:1.5rem;margin:0 auto;padding:.5rem 1rem;transition:all .2s,color .2s}#auth-modal button:hover{background:#ffbd7b;box-shadow:0 0 20px #fb0c;color:#3f3b00;transform:scale(1.1)}.error{color:#e74c3c;font-size:1.8rem;text-align:center}.auth-input{background:none;border:2px solid #f9873b;border-radius:4px;color:#fff;font-size:1.5rem;height:50px;margin-bottom:15px;outline:none;padding:5px 10px;width:350px}.auth-input::placeholder{color:#ffffffb3}.auth-submit-btn{background:#f9873b;border:none;border-radius:4px;box-shadow:0 0 8px #fb06;color:#fff;cursor:pointer;font-size:1.8rem;height:50px;transition:.2s;width:100%}.auth-submit-btn:hover{background:#ffbd7b;box-shadow:0 0 20px #fb0c;color:#3f3b00;transform:scale(1.05)}.auth-bottom-buttons{display:flex;justify-content:space-between;margin-top:100px;width:350px}.auth-close-btn,.auth-switch-btn{background:none;border:2px solid #f9873b;border-radius:4px;box-shadow:0 0 8px #fb06;color:#f9873b;cursor:pointer;font-size:1.5rem;padding:.5rem 1rem;transition:.2s}.auth-close-btn:hover,.auth-switch-btn:hover{background:#ffbd7b;box-shadow:0 0 20px #fb0c;color:#3f3b00;transform:scale(1.1)}.auth-switch-btn{margin-right:auto}.auth-close-btn{margin-left:auto}.required-field{color:#fff;display:block;font-size:1.5rem;margin-bottom:5px}.required-star{color:red;font-size:1.8rem;margin-left:5px}#auth-modal button.forgotten-password-btn{background-color:initial;border:initial;box-shadow:none;color:#f9873b;font-size:.875rem;margin:1.25rem auto 0}@media (max-width:420px){#auth-modal{max-width:300px}.auth-input{width:280px}.auth-bottom-buttons{flex-direction:column;width:280px}}@keyframes pulse-red{0%{border-color:red}50%{border-color:#dcdcdc}to{border-color:red}}@keyframes pulse-yellow{0%{border-color:#ff0}50%{border-color:#dcdcdc}to{border-color:#ff0}}.filter-dropdown-group{display:flex;gap:10px;justify-content:flex-end}.match{background-color:#f9f9f9;border:4px solid;border-radius:8px;display:flex;justify-content:space-between}.match-bs{align-items:flex-start;margin:0 auto;padding:15px;width:70%}.match-ss{align-items:center;flex-direction:column;margin:0 auto;padding:4px;width:300px}.match.predicted{border-color:#f60}.match.predicted.unfinished{border-color:#f9be97}.match.unpredicted.started{border-color:#dcdcdc}.match.unpredicted.one-hour{animation:pulse-red 1s ease-in-out infinite}.match.unpredicted.today{animation:pulse-red 1.5s ease-in-out infinite}.match.unpredicted.tomorrow{animation:pulse-yellow 1.5s ease-in-out infinite}.team{align-items:center;display:flex;flex-direction:column}.team-bs{gap:10px}.team-ss{padding-bottom:25px}.team-logo{height:50%;object-fit:cover;width:50%}.team-name{font-size:16px;font-weight:700;text-align:center}.goals{gap:5px}.goal,.goals,.halftime-option{display:flex;justify-content:center}.goal,.halftime-option{align-items:center;background-color:#e6e6e6;border-radius:4px;cursor:pointer;font-size:14px;height:30px;width:30px}.goal.clickable,.halftime-option.clickable{background-color:#f9be97;color:#181818}.goal.clickable:hover,.halftime-option.clickable:hover{background-color:#f88e48;color:#fff}.goal.disabled,.halftime-option.disabled{background-color:#ccc;color:gray;cursor:not-allowed}.goal.selected,.halftime-option.selected{background-color:#f60;color:#fff}.middle{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.middle-up{margin-bottom:10px;text-align:center}.match-time{color:#666;font-size:22px;font-weight:700}.result{font-size:30px;font-weight:700;text-align:center;visibility:visible}.points{color:#f60;font-size:21.5px;font-weight:700}.middle-down{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:auto}.halftime-label{font-size:14px;font-weight:700;text-align:center}.halftime-options{display:flex;gap:10px}@media (max-width:950px){.match-bs{width:auto}.filter-dropdown-group{margin:0 auto;width:auto}}@media (max-width:720px){.match-bs{margin:0,5px,0,5px}}@media (max-width:659px){.filter-dropdown-group{flex-direction:column}}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color:#111;font-family:Roboto Slab,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}body,html{margin:0;padding:0;width:100%}body{background:radial-gradient(circle at top,#fff,#b4b4b4de);background-repeat:repeat;background-size:100% 100%,30% 30%,100% 100%;min-height:110rem;overflow-x:hidden}header{text-align:center}a{all:unset;cursor:pointer}
/*# sourceMappingURL=main.aa9755d7.css.map*/