*{padding:0;margin:0;scrollbar-width:none;font-family:Chivo,sans-serif}:root{--red: #D82739;--green: #02BC7D;--blue: #1B6CA7;--white: #FFFFFF;--black: #1E1E1E;--bg-color: var(--white);--text-color: var(--black)}[data-theme=dark]{--bg-color: var(--black);--text-color: var(--white)}.password-container{display:flex;gap:16px}.password-container input{width:100%}.password-container button{display:flex;padding:15px;background-color:var(--bg-color);cursor:pointer;border:none;border:1px solid var(--text-color);outline:none}.icon{width:20px;background-color:none;border:none}.logo{width:32px;aspect-ratio:1/1;object-fit:contain}h1{font-family:Oswald,sans-serif;font-size:40px;text-transform:capitalize}h2{font-family:Oswald,sans-serif;font-size:30px;text-transform:capitalize}h3{font-family:Oswald,sans-serif;font-size:25px;text-transform:capitalize}h4{font-family:Oswald,sans-serif;font-size:20px;text-transform:capitalize}p{color:var(--text-color)}.input-container{display:flex;flex-direction:column;gap:4px}.input-container label{text-transform:capitalize}.input-container input{padding:16px;border:1px solid var(--text-color);background-color:var(--bg-color);color:var(--text-color);outline:none;font-size:16px}.input-container input[type=number]::-webkit-inner-spin-button,.input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.black-button,.red-button,.green-button,.blue-button{display:flex;align-content:center;gap:16px;padding:16px;font-size:16px;background-color:var(--bg-color);border:1px solid var(--text-color);color:var(--white);text-transform:capitalize;outline:none;cursor:pointer;width:fit-content;transition:background-color .1s ease,color .1s ease}.black-button span,.red-button span,.green-button span,.blue-button span{display:none}.black-button:hover span,.red-button:hover span,.green-button:hover span,.blue-button:hover span{display:flex;align-items:center}.black-button{color:var(--text-color)}.black-button:hover{background-color:var(--text-color);color:var(--bg-color)}.red-button:hover{background-color:var(--red)}.green-button:hover{background-color:var(--green)}.blue-button:hover{background-color:var(--blue)}.input{padding:16px;outline:none;font-size:16px;border:1px solid var(--text-color)}.input p{color:inherit}.input.selection{display:flex;position:relative;align-items:center;cursor:pointer;border:1px solid var(--text-color)}.select{display:flex;position:absolute;flex-direction:column;width:100%;left:-1px;top:calc(100% + 16px);z-index:2;max-height:150px;border:1px solid var(--text-color);overflow:scroll;background-color:var(--bg-color);outline:none}.select .input{border:none;border-bottom:1px solid var(--text-color);cursor:pointer}.select .input:last-child{border-bottom:none}.select .input:hover{color:var(--bg-color);background-color:var(--text-color)}.input.selection button{display:flex;position:absolute;right:16px;top:50%;transform:translateY(-50%);background-color:var(--bg-color);border:none;cursor:pointer}.register{display:flex;height:100vh;background-color:var(--bg-color);color:var(--text-color)}.register-form{display:flex;flex-direction:column;justify-content:center;padding:16px;height:calc(100% - 32px);width:25%;gap:16px}.register-button{padding:16px;background-color:var(--bg-color);color:var(--text-color);font-size:16px;border:1px solid var(--text-color);outline:none;cursor:pointer;text-transform:capitalize}.register-button:hover{background-color:var(--blue);color:var(--white)}.register-form p a{text-decoration:none;color:var(--text-color);text-transform:capitalize}.register-form p a:hover{color:var(--blue)}@media (max-width: 1080px){.register-form{width:40%}}@media (max-width: 720px){.register-form{width:50%}}@media (max-width: 564px){.register-form{width:100%}}@media (max-width: 364px){.register{padding:0}}.login{display:flex;height:100vh;background-color:var(--bg-color);color:var(--text-color)}.login-form{display:flex;flex-direction:column;justify-content:center;padding:16px;height:calc(100% - 32px);width:25%;gap:16px}.login-button{padding:16px;background-color:var(--bg-color);color:var(--text-color);font-size:16px;border:1px solid var(--text-color);outline:none;text-transform:capitalize;cursor:pointer}.login-button:hover{background-color:var(--blue);color:var(--white)}.login-form p a{text-decoration:none;color:var(--text-color);text-transform:capitalize}.login-form p a:hover{color:var(--blue)}@media (max-width: 1080px){.login-form{width:40%}}@media (max-width: 720px){.login-form{width:50%}}@media (max-width: 564px){.login-form{width:100%}}@media (max-width: 364px){.login{padding:0}}.home{display:flex;flex-direction:column;padding:16px;gap:16px;background-color:var(--bg-color);min-height:calc(100vh - 118px)}.home-header{display:flex;align-items:center;justify-content:space-between}.home-header-heading{display:flex;align-items:center;color:var(--text-color)}.home-header-slider{display:flex;flex-direction:column}.home-slider-up,.home-slider-down{display:flex;border:none;outline:none;cursor:pointer;background-color:var(--bg-color)}.home-slider-up:hover,.home-slider-down:hover{background-color:var(--text-color)}.home-table-switch{padding:16px;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--text-color);outline:none;cursor:pointer;text-transform:capitalize}.home-table-switch:hover{background-color:var(--text-color);color:var(--bg-color)}@media (max-width: 549px){.home-header{flex-direction:column;align-items:start}}.pointTable{display:flex;width:fit-content;max-width:calc(100% - 2px);overflow:scroll;border:1px solid var(--text-color);color:var(--text-color)}.pointTable-teams{display:flex;flex-direction:column}.pointTable-heading{display:flex}.pointTable-heading p{padding:16px;text-transform:capitalize}.pointTable-heading-position,.pointTable-team-position{width:20px;border-right:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.pointTable-team{display:flex}.pointTable-team-position,.pointTable-team-name{padding:16px;height:20px;text-align:center}.pointTable-team-name{padding-left:0}.pointTable-team:last-child .pointTable-team-position{border-bottom:none}.pointTable-team-details{display:flex;gap:8px;border-bottom:1px solid var(--text-color);cursor:pointer}.pointTable-team:last-child .pointTable-team-details{border-bottom:none}.pointTable-team-logo{padding:8px 0 8px 8px}.pointTable-heading-name,.pointTable-team-name{width:225px;text-align:left;border-right:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.pointTable-team-name{border-bottom:none}.pointTable-heading-name{width:257px}.pointTable-heading-name.short{width:67px}.pointTable-team-name.short{width:35px}.pointTable-team-results-container{display:flex;flex-direction:column}.pointTable-team-results{display:flex}.pointTable-heading-result,.pointTable-team-result{display:flex;padding:16px;justify-content:center;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.pointTable-heading-result:last-child,.pointTable-team-result:last-child{border-right:1px solid var(--text-color)}.pointTable-team-result{cursor:pointer}.pointTable-team-result.no-match{cursor:auto}.pointTable-heading-result{width:20px}.pointTable-team-results:last-child .pointTable-team-result{border-bottom:none}.pointTable-team-result:first-child,.pointTable-heading-result:first-child{border-left:none}.pointTable-team-result{background-color:var(--bg-color)}.pointTable-team-result:has(.win):hover{background-color:var(--green)}.pointTable-team-result:has(.tie):hover{background-color:var(--blue)}.pointTable-team-result:has(.loss):hover{background-color:var(--red)}.pointTable-team-point{display:flex;width:20px;height:20px;justify-content:center}.pointTable-heading-points,.pointTable-team-points{width:45px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.pointTable-team:last-child .pointTable-team-points{border-bottom:none}.pointTable-heading-nrr,.pointTable-team-nrr{width:55px;border-bottom:1px solid var(--text-color)}.pointTable-heading .pointTable-heading-nrr{text-transform:uppercase;text-align:center}.pointTable-team:last-child .pointTable-team-nrr{border-bottom:none}.pointTable-team-points,.pointTable-team-nrr{padding:16px;height:20px;text-align:center}.pointTable-team-nrr{text-align:left}.winLoseTable{display:flex;width:fit-content;max-width:calc(100% - 2px);overflow:scroll;border:1px solid var(--text-color);color:var(--text-color)}.winLoseTable-teams{display:flex;flex-direction:column}.winLoseTable-heading{display:flex}.winLoseTable-heading p{padding:16px;text-transform:capitalize;display:flex;justify-content:center}.winLoseTable-heading p:nth-child(2){justify-content:start}.winLoseTable-heading p:nth-last-child(2){text-transform:uppercase}.winLoseTable-heading-position,.winLoseTable-team-position{width:20px;border-right:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-team{display:flex}.winLoseTable-team-position,.winLoseTable-team-name{padding:16px;text-align:center}.winLoseTable-team-name{padding-left:0}.winLoseTable-team:last-child .winLoseTable-team-position{border-bottom:none}.winLoseTable-team-details{display:flex;gap:8px;border-bottom:1px solid var(--text-color);cursor:pointer}.winLoseTable-team:last-child .winLoseTable-team-details{border-bottom:none}.winLoseTable-team-logo{padding:8px 0 8px 8px}.winLoseTable-heading-name,.winLoseTable-team-name{width:225px;text-align:left;border-right:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-heading-name.short{width:67px}.winLoseTable-team-name.short{width:35px}.winLoseTable-team-name{border-bottom:none}.winLoseTable-heading-name{width:257px}.winLoseTable-heading-played,.winLoseTable-team-played{width:45px;border-bottom:1px solid var(--text-color)}.winLoseTable-team:last-child .winLoseTable-team-played{border-bottom:none}.winLoseTable-heading-wins,.winLoseTable-team-wins{width:45px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-team:last-child .winLoseTable-team-wins{border-bottom:none}.winLoseTable-heading-loses,.winLoseTable-team-loses{width:45px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-team:last-child .winLoseTable-team-loses{border-bottom:none}.winLoseTable-heading-draws,.winLoseTable-team-draws{width:45px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-team:last-child .winLoseTable-team-draws{border-bottom:none}.winLoseTable-heading-point,.winLoseTable-team-point{width:45px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-team:last-child .winLoseTable-team-point{border-bottom:none}.winLoseTable-heading-nrr,.winLoseTable-team-nrr{width:55px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}.winLoseTable-team:last-child .winLoseTable-team-nrr{border-bottom:none}.winLoseTable-team-played,.winLoseTable-team-wins,.winLoseTable-team-loses,.winLoseTable-team-draws,.winLoseTable-team-point,.winLoseTable-team-nrr{padding:16px;height:20px;text-align:center}.winLoseTable-team-nrr{text-align:left}@media (max-width: 720px){.winLoseTable-team-played,.winLoseTable-heading-played,.winLoseTable-team-wins,.winLoseTable-heading-wins,.winLoseTable-team-loses,.winLoseTable-heading-loses,.winLoseTable-team-draws,.winLoseTable-heading-draws,.winLoseTable-team-point,.winLoseTable-heading-point{width:20px}}.matches{display:flex;flex-direction:column;padding:16px;gap:16px;position:relative;background-color:var(--bg-color);min-height:calc(100vh - 118px);color:var(--text-color)}.matchesTable{border:1px solid var(--text-color);width:fit-content;max-width:calc(100% - 2px);overflow:scroll}.matchesTable-header,.matchesTable-match{display:flex}.matchesTable-header p,.matchesTable-match p{padding:16px}.matchesTable-heading-no,.matchesTable-match-no{width:20px;min-width:20px;text-transform:capitalize}.matchesTable-match-no{display:grid;place-content:center;border-top:1px solid var(--text-color)}.matchesTable-heading-teams,.matchesTable-match-teams{width:188px;min-width:188px;border-left:1px solid var(--text-color);text-transform:capitalize}.matchesTable-heading-teams.big{width:568px;min-width:568px}.matchesTable-match-teams.big{width:600px;min-width:600px}.matchesTable-match-teams{width:220px;min-width:220px;border-top:1px solid var(--text-color);cursor:pointer;display:flex;gap:4px;align-items:center;justify-content:space-between}.matchesTable-match-teams p{padding:16px 0}.matchesTable-match-teams img{width:32px;padding:9px;aspect-ratio:1/1;object-fit:contain}.matchesTable-match-teams img:first-child{padding-right:0}.matchesTable-match-teams img:last-child{padding-left:0}.matchTable-match-team,.matchTable-match-opponent{display:flex;gap:4px;width:90px;min-width:90px}.matchTable-match-team.big,.matchTable-match-opponent.big{width:280px;min-width:280px}.matchTable-match-opponent{justify-content:flex-end}.matchesTable-heading-date,.matchesTable-match-date{width:100px;min-width:100px;border-left:1px solid var(--text-color);text-transform:capitalize}.matchesTable-match-date{display:grid;place-content:center;border-top:1px solid var(--text-color)}.matchesTable-heading-time,.matchesTable-match-time{width:50px;min-width:50px;border-left:1px solid var(--text-color);text-transform:capitalize}.matchesTable-match-time{display:grid;place-content:center;border-top:1px solid var(--text-color)}.matchesTable-heading-venue,.matchesTable-match-venue{width:130px;min-width:130px;border-left:1px solid var(--text-color);text-transform:capitalize}.matchesTable-match-venue{display:flex;align-items:center;overflow:scroll;border-top:1px solid var(--text-color)}.matchesTable-heading-result,.matchesTable-match-result{width:290px;min-width:290px;border-left:1px solid var(--text-color);text-transform:capitalize}.matchesTable-match-result{display:flex;align-items:center;border-top:1px solid var(--text-color)}.matchesTable-heading-potm,.matchesTable-match-potm{width:310px;min-width:310px;border-left:1px solid var(--text-color)}.matchesTable-heading-potm{text-transform:uppercase}.matchesTable-match-potm{display:flex;align-items:center;border-top:1px solid var(--text-color)}.match{display:flex;flex-direction:column;padding:16px;gap:16px;height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.match-result{display:flex;flex-direction:column;gap:16px}.matchDetails{display:flex;flex-direction:column;width:30%;border:1px solid var(--text-color)}.matchDetails-venue{display:flex;flex-direction:column;gap:16px;padding:16px}.matchDetails-timings{display:flex;justify-content:space-between}.matchDetails-timings p:last-child{text-transform:uppercase}.matchDetails-result{display:flex;flex-direction:column;gap:16px;padding:16px}.matchDetails-team-scores{display:flex;gap:16px}.matchDetails-team,.matchDetails-opponent{display:flex;flex-direction:column;align-items:center;gap:8px}.matchDetails-scores{display:flex;align-items:center;justify-content:space-between;width:100%}.matchDetails-draw{display:flex;justify-content:space-between;padding:16px;align-items:center}.matchDetails-logo{width:44px;aspect-ratio:1/1;object-fit:contain}@media (max-width: 1200px){.matchDetails{width:50%}}@media (max-width: 720px){.matchDetails{width:75%}}@media (max-width: 564px){.matchDetails{width:100%}}.team,.stats{display:flex;flex-direction:column;padding:16px;gap:16px;min-height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.stats-items{display:flex;flex-direction:column;gap:16px}.stats-item-container{display:flex;gap:16px}.stats-item{display:flex;flex-direction:column;padding:16px;width:calc(100% - 34px);height:fit-content;border:1px solid var(--text-color)}.stats-item h4:first-child{color:var(--green)}@media (max-width: 720px){.stats-item-container{flex-direction:column}}.admin-topbar{display:flex;padding:16px;justify-content:space-between;position:sticky;top:0;z-index:2;background-color:var(--bg-color)}.admin-topbar-image{width:50px;object-fit:contain;cursor:pointer}.admin-topbar-items{display:flex;align-items:center;gap:16px}.admin-topbar-item{display:flex;align-items:center;gap:16px;list-style-type:none;font-size:16px;padding:16px;text-transform:capitalize;cursor:pointer;border:1px solid var(--text-color);color:var(--text-color)}.admin-topbar-item:hover{background-color:var(--green);color:var(--white)}.admin-topbar-item.active{background-color:var(--text-color);border:1px solid var(--text-color);color:var(--bg-color)}.admin-topbar-menu{display:none}.admin-topbar-icon{width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color);padding:16px}.admin-topbar-icon:hover{background-color:var(--text-color)}.admin-topbar-menu-items{display:flex;flex-direction:column;position:absolute;right:0;gap:8px;top:70px;padding:16px;background-color:var(--bg-color)}.admin-topbar-menu-item{list-style:none;font-size:16px;padding:16px;text-transform:capitalize;cursor:pointer;border:1px solid var(--text-color);color:var(--text-color)}.admin-topbar-menu-item.active{background-color:var(--text-color);color:var(--bg-color)}.admin-topbar-menu-item:hover{background-color:var(--green);color:var(--white)}.admin-outlet{flex-grow:1;overflow-y:auto}@media (max-width: 800px){.admin-topbar-items{display:none}.admin-topbar-menu{display:flex;align-items:center;padding:0}}.season-page{display:flex;flex-direction:column;padding:16px;gap:16px;height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.season-add-form{display:flex;gap:16px}.season-add-input{padding:16px;font-size:16px;outline:none;border:1px solid var(--text-color);color:var(--text-color);background-color:var(--bg-color)}.season-add-input::-webkit-inner-spin-button,.season-add-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.seasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;justify-content:space-between;max-width:100%;overflow:scroll}.season{display:flex;flex-direction:column;padding:16px;gap:12px;border:1px solid var(--text-color);cursor:pointer}.season:hover .season-delete-button:hover{background-color:var(--red)}.season-logout{margin-top:auto}@media (max-width: 1080px){.season{flex:1 1 calc(33.33% - 12px)}}@media (max-width: 720px){.season{flex:1 1 calc(50% - 8px)}}@media (max-width: 480px){.season{flex:1 1 100%}}.admin-home{display:flex;flex-direction:column;padding:16px;gap:16px;min-height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.admin-home-header{display:flex;align-items:center;justify-content:space-between}.admin-home-details{display:flex;flex-direction:column;gap:16px}.admin-home-buttons{display:flex;gap:16px}.admin-home-add-team-form{display:flex;flex-direction:column;width:25%;gap:16px}.admin-home-input-wrapper{display:flex;justify-content:space-between;width:100%;margin-top:12px;gap:16px}.admin-home-input-wrapper input{width:100%}.admin-home-input-wrapper:first-of-type{margin-top:0}.admin-home-form-buttons{display:flex;gap:16px}@media (max-width: 1080px){.admin-home-add-team-form{width:40%}}@media (max-width: 730px){.admin-home-header{flex-direction:column;align-items:start;gap:16px}}@media (max-width: 720px){.admin-home-add-team-form{width:50%}}@media (max-width: 564px){.admin-home-add-team-form{width:100%}}.admin-team{display:flex;flex-direction:column;padding:16px;gap:16px;min-height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.admin-team-header{display:flex;align-items:center;justify-content:space-between}.admin-team-details{display:flex;flex-direction:column;gap:16px}.admin-team-buttons{display:flex;gap:16px}.admin-team-match-add-form{display:flex;flex-direction:column;width:25%;gap:16px}.admin-team-form-buttons{display:flex;gap:16px}@media (max-width: 1080px){.admin-team-match-add-form{width:40%}}@media (max-width: 720px){.admin-team-match-add-form{width:50%}}@media (max-width: 564px){.admin-team-match-add-form{width:100%}.admin-team-header{flex-direction:column;align-items:start;gap:16px}}.admin-matches{display:flex;flex-direction:column;padding:16px;gap:16px;min-height:calc(100vh - 118px);color:var(--text-color);background-color:var(--bg-color)}.admin-matches-header{display:flex;justify-content:space-between;align-items:center}.admin-matches-buttons{display:flex;gap:16px}.admin-matches-buttons button{background-color:var(--bg-color)}.admin-matches-details{display:flex;flex-direction:column;gap:16px}.admin-matches-upload-form{display:flex;flex-direction:column;width:25%;gap:16px}.admin-matches-upload-form input[type=file]{cursor:pointer}.admin-matches-add-form,.admin-matches-set-playoff{display:flex;flex-direction:column;width:25%;gap:16px}.admin-matches-form-buttons,.admin-matches-playoff-buttons,.admin-matches-same-buttons{display:flex;gap:16px}@media (max-width: 1080px){.admin-matches-add-form,.admin-matches-upload-form,.admin-matches-set-playoff{width:40%}}@media (max-width: 730px){.admin-matches-header{flex-direction:column;align-items:start;gap:16px}}@media (max-width: 720px){.admin-matches-add-form,.admin-matches-upload-form,.admin-matches-set-playoff{width:50%}}@media (max-width: 564px){.admin-matches-add-form,.admin-matches-upload-form,.admin-matches-set-playoff{width:100%}}.admin-match{display:flex;flex-direction:column;padding:16px;gap:16px;min-height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.admin-match-header{display:flex;align-items:center;justify-content:space-between}.admin-match-result{display:flex;flex-direction:column}.admin-match-buttons{display:flex;gap:16px}.admin-match-form{display:flex;flex-direction:column;width:25%;gap:16px}.admin-match-form-buttons{display:flex;gap:16px}@media (max-width: 1080px){.admin-match-form{width:40%}}@media (max-width: 720px){.admin-match-form{width:50%}}@media (max-width: 564px){.admin-match-form{width:100%}.admin-match-header{flex-direction:column;gap:16px;align-items:start}}.admin-stats{display:flex;flex-direction:column;padding:16px;background-color:var(--bg-color);color:var(--text-color)}.admin-stats-form{display:flex;flex-direction:column;width:30%;gap:16px}.admin-stats-expand{display:flex;flex-direction:column;gap:16px}.admin-stats-buttons{display:flex;gap:16px}@media (max-width: 1080px){.admin-stats-form{width:40%}}@media (max-width: 720px){.admin-stats-form{width:50%}}@media (max-width: 564px){.admin-stats-form{width:100%}}.playoffs{display:flex;flex-direction:column;gap:16px;color:var(--text-color);position:relative;height:500px;width:100%}.playoff-team{display:flex;align-items:center;justify-content:center;border:1px solid var(--text-color);gap:8px;padding:8px;overflow:scroll}.playoffs-qualifier1,.playoffs-eliminator,.playoffs-qualifier2,.playoffs-final{display:flex;flex-direction:column;gap:8px;width:20%}.playoffs-qualifier1-details,.playoffs-eliminator-details,.playoffs-qualifier2-details,.playoffs-final-details{display:flex;align-items:center;flex-direction:column;border:1px solid var(--text-color);padding:8px;cursor:pointer}.playoffs-qualifier1-details p,.playoffs-eliminator-details p,.playoffs-qualifier2-details p,.playoffs-final-details p{color:inherit}.playoffs-qualifier1-details:hover,.playoffs-eliminator-details:hover,.playoffs-qualifier2-details:hover,.playoffs-final-details:hover{background-color:var(--text-color);color:var(--bg-color)}.playoffs-qualifier1-details p:first-child,.playoffs-eliminator-details p:first-child,.playoffs-qualifier2-details p:first-child,.playoffs-final-details p:first-child{text-transform:capitalize;color:var(--green);font-size:larger}.playoffs-final{position:absolute;right:0}.playoffs-eliminator{position:absolute;bottom:0}.playoffs-qualifier2{position:absolute;right:38%;top:38%}.playoff-line{position:absolute;background-color:var(--text-color)}.line-q1-final{width:60%;height:.5px;left:20%;top:17%}.line1-q1-to-q2{width:11%;height:1px;left:20%;top:24%}.line2-q1-to-q2{width:1px;height:32%;left:31%;top:24%}.line3-q1-to-q2{width:11%;height:1px;left:31%;top:56%}.line1-q2-to-final{width:9%;height:1px;left:62%;top:58%}.line2-q2-to-final{width:.5px;height:34.2%;left:71%;top:24%}.line3-q2-to-final{width:9%;height:1px;left:71%;top:24%}.line1-el-to-q2{width:11%;height:1px;left:20%;top:80%}.line2-el-to-q2{width:1px;height:18.1%;left:31%;top:62%}.line3-el-to-q2{width:11%;height:1px;left:31%;top:62%}.won{background:linear-gradient(45deg,var(--green),var(--bg-color))}.lost{background:linear-gradient(45deg,var(--red),var(--bg-color))}@media (max-width: 1080px){.playoffs-qualifier1-details,.playoffs-eliminator-details,.playoffs-qualifier2-details,.playoffs-final-details{align-items:center;justify-content:center;height:60px}.playoffs-qualifier1-details p:not(:first-child){display:none}.playoffs-eliminator-details p:not(:first-child){display:none}.playoffs-qualifier2-details p:not(:first-child){display:none}.playoffs-final-details p:not(:first-child){display:none}}@media (max-width: 720px){.playoff-team{padding:10.5px}.playoff-team h3{display:none}}.admin-playoff-container{display:flex;flex-direction:column;color:var(--text-color);gap:16px;background-color:var(--bg-color);height:calc(100vh - 118px);padding:16px}.topbar{display:flex;padding:16px;justify-content:space-between;position:sticky;top:0;z-index:2;background-color:var(--bg-color)}.topbar-image{width:50px;object-fit:contain;cursor:pointer}.topbar-items{display:flex;align-items:center;gap:16px}.topbar-item{display:flex;align-items:center;gap:16px;list-style-type:none;font-size:16px;padding:16px;text-transform:capitalize;cursor:pointer;border:1px solid var(--text-color);color:var(--text-color)}.topbar-item:hover{background-color:var(--green);color:var(--white)}.topbar-item.active{background-color:var(--text-color);border:1px solid var(--text-color);color:var(--bg-color)}.topbar-menu{display:none}.topbar-icon{width:20px;height:20px;cursor:pointer;border:1px solid var(--text-color);padding:16px}.topbar-icon:hover{background-color:var(--text-color)}.topbar-menu-items{display:flex;flex-direction:column;position:absolute;gap:8px;right:0;top:70px;padding:16px;background-color:var(--bg-color)}.topbar-menu-item{list-style:none;font-size:16px;padding:16px;text-transform:capitalize;cursor:pointer;border:1px solid var(--text-color);color:var(--text-color)}.topbar-menu-item:hover{background-color:var(--green);color:var(--white)}.topbar-menu-item.active{background-color:var(--text-color);color:var(--bg-color)}.outlet{flex-grow:1;overflow-y:auto}@media (max-width: 800px){.topbar-items{display:none}.topbar-menu{display:flex;align-items:center;padding:0}}.admin-results,.results{display:flex;flex-direction:column;padding:16px;gap:16px;min-height:calc(100vh - 118px);background-color:var(--bg-color);color:var(--text-color)}.playoff-container{display:flex;flex-direction:column;color:var(--text-color);gap:16px;background-color:var(--bg-color);height:calc(100vh - 118px);padding:16px}