@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body,html{padding:0;margin:0;font-family:Poppins,sans-serif}*{box-sizing:border-box}.sidebar{left:0;width:23rem;min-height:100vh;background-color:#fffbe9}.sidebar .title-bar{width:100%;padding:2rem 0 1rem 3rem;display:flex;align-items:center;font-size:2rem;font-weight:600;color:#333;cursor:pointer}.sidebar .title-bar img{width:3rem;height:3rem;margin-right:1rem}.sidebar .option-list{display:flex;flex-direction:column;margin:2rem 0}.sidebar .option-list .option{margin:1rem;padding:1rem 0 1rem 2rem;color:#555;font-size:1.4rem;text-decoration:none;display:flex;align-items:center;border-radius:10px;cursor:pointer}.sidebar .option-list .option:hover{background-color:rgba(49,49,49,.2);color:#333}.sidebar .option-list .option div{padding-left:2rem}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 2rem 3rem;color:#555}.topbar .title{font-size:1.8rem;font-weight:500}.search{position:relative;width:50%}.search input{outline:none;border:none;width:100%;height:3rem;padding:.6rem 1rem;background-color:#eaeaea;font-size:1.2rem;border-radius:10px}.search .icon{position:absolute;top:50%;right:1.5rem;transform:translateY(-40%)}.search .dropdown{position:absolute;top:3.5rem;background-color:#eaeaea;padding:2rem;width:70%;border-radius:10px}.search .dropdown-label{color:#666}.search .dropdown ul{padding-left:0}.search .dropdown ul div{padding-left:.5rem}.search .dropdown li{list-style:none;margin:.5rem;padding:.5rem .8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;border-radius:5px}.search .dropdown li:hover{background-color:#cacaca}.sign-in-status{font-size:1.1rem;font-weight:500;padding:.6rem 1rem;background-color:#ffb72b;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sign-in-status .user-icon{display:flex;align-items:center;justify-content:center;background-color:#151d3b;color:#eee;border-radius:50%;padding:.7rem;margin-right:1rem}.active{background-color:#06ff00}.quick-card{position:relative;filter:drop-shadow(.4rem .6rem .8rem rgba(0,0,0,.1))}.quick-card img{width:20rem;border-radius:10px}.quick-card-title{position:absolute;bottom:2rem;width:100%;text-align:center;color:#0a0a0a;font-weight:500;font-size:1.8rem;background-color:rgba(255,183,43,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem 0}.table{width:90%;border-radius:10px;overflow:hidden;text-align:left;font-size:1.2rem;color:#333;box-shadow:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.06)}.table tr{background-color:#f5f5f5}.table tr td{padding:.5rem 1rem}.table tr:hover,.table tr:nth-child(2n){background-color:#efefef}.table th{font-weight:700;padding:.4rem 1rem;font-size:1.4rem;background-color:#b4e4c9;color:#2b2f33}.home{display:flex;min-height:100vh;width:100%;overflow:hidden}.vertical-container{display:flex;flex-direction:column;width:100%}.main-area{padding:2rem 3.5rem}.container{display:flex;flex-direction:column;align-items:center;margin-top:1rem;color:#333}.container .title{font-size:2.5rem;font-weight:500}.card-wrapper{width:100%;margin-top:5rem;display:flex;align-items:center;justify-content:space-evenly}.teams-page,.teams-page-container{display:flex;flex-direction:column;align-items:center}.teams-page-container{width:100%}.teams-page h1{font-size:2.5rem;color:#333}.teams-page h2{font-size:2rem;color:#333}.teams-page .team-top-bar{width:100%;margin-top:1rem;display:flex;justify-content:space-evenly;align-items:center}.teams-page .team-top-bar .red{background-color:rgba(252,79,79,.15);color:#fc4f4f}.teams-page .team-top-bar .green{background-color:rgba(6,255,0,.15);color:#125c13}.teams-page .team-top-bar .blue{background-color:rgba(14,62,218,.15);color:#0e3eda}.teams-page .team-highlight{min-width:20rem;background-color:#eaeaea;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.12)}.teams-page .team-highlight h2{margin:.5rem;color:inherit}.teams-page .team-highlight div{margin:.5rem;font-size:1.3rem;font-weight:500}.teams-page .team-players{width:100%;margin-top:5rem;display:flex;flex-direction:column;align-items:center}.teams-page .button{width:30%;outline:none;border:none;font-size:1.5rem;padding:1rem 1.5rem;background-color:#ffb72b;color:#333;border-radius:10px;font-weight:600;margin-bottom:2rem}.team-list{display:flex;align-items:center;flex-wrap:wrap}.team-list .team{background-color:#eaeaea;padding:.6rem 1.2rem;margin:1.5rem 2.8rem;font-size:1.3rem;border-radius:10px;cursor:pointer}.new-team-page{width:100%;display:flex;flex-direction:column;align-items:center}.new-team-page span{font-size:1.2rem;font-weight:500}.new-team-page .division{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:60vh}.new-team-page .divided-block{width:90%;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-team-page .divided-block input{width:90%;outline:none;border:1px solid #ccc;font-size:1.5rem;padding:.8rem;border-radius:5px;margin-bottom:5rem}.new-team-page .divided-block input:focus,.new-team-page .divided-block input:hover{outline:2px solid blue}.new-team-page .divided-block button{width:90%;outline:none;border:none;font-size:1.5rem;padding:1rem 1.5rem;background-color:#ffb72b;color:#333;border-radius:10px;font-weight:600}.new-team-page .divider{font-size:2.5rem;font-weight:700;background-color:#fafafa;z-index:2}.player-list{display:flex;align-items:center;flex-wrap:wrap}.player-list .player{background-color:#eaeaea;padding:.6rem 1.2rem;margin:1.5rem 2.8rem;font-size:1.3rem;border-radius:10px;cursor:pointer}.players-page .button{width:30%;outline:none;border:none;font-size:1.5rem;padding:1rem 1.5rem;background-color:#ffb72b;color:#333;border-radius:10px;font-weight:600;margin-bottom:2rem}.player-page,.player-page-container{display:flex;flex-direction:column;align-items:center}.player-page-container{width:100%}.player-page h1{font-size:2.5rem;color:#333}.player-page h1 span{font-size:2rem;font-weight:500}.player-page h2{font-size:2rem;color:#333}.player-page .player-highlight{min-width:25rem;padding:1rem 1.5rem;margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.12)}.player-page .player-highlight h2{margin:.5rem;color:inherit}.player-page .player-highlight div{margin:.5rem;font-size:1.3rem;font-weight:500}.player-page .player-highlight-list{width:100%;margin-top:1rem;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.player-page .player-highlight-list .red{background-color:rgba(252,79,79,.15);color:#fc4f4f}.player-page .player-highlight-list .green{background-color:rgba(6,255,0,.15);color:#125c13}.player-page .player-highlight-list .blue{background-color:rgba(14,62,218,.15);color:#0e3eda}.player-page .player-stats-highlight-list{width:100%;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.player-page .player-stats-highlight-list .red{background-color:rgba(252,79,79,.15);color:#fc4f4f}.player-page .player-stats-highlight-list .green{background-color:rgba(6,255,0,.15);color:#125c13}.player-page .player-stats-highlight-list .blue{background-color:rgba(14,62,218,.15);color:#0e3eda}.new-player-page{width:100%;display:flex;flex-direction:column;align-items:center}.new-player-page .division{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:60vh}.new-player-page .divided-block{width:100%;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.new-player-page .divided-block input{width:90%;outline:none;border:1px solid #ccc;font-size:1.5rem;padding:.8rem;border-radius:5px}.new-player-page .divided-block input:focus,.new-player-page .divided-block input:hover{outline:2px solid blue}.new-player-page .divided-block button{width:90%;outline:none;border:none;font-size:1.5rem;padding:1rem 1.5rem;background-color:#ffb72b;color:#333;border-radius:10px;font-weight:600}.new-player-page .divided-block .input-select{width:90%;margin:0;outline:none;border:none;font-size:1.5rem}.new-player-page .divider{font-size:2.5rem;font-weight:700;background-color:#fafafa;z-index:2}.tournaments-page,.tournaments-page .new-tournament{display:flex;flex-direction:column;align-items:center;width:100%}.tournaments-page .new-tournament{margin-top:2rem}.tournaments-page .new-tournament span{font-size:1.2rem;font-weight:500}.tournaments-page .new-tournament .input-bar{width:100%;display:flex;align-items:center;justify-content:space-around}.tournaments-page .new-tournament .input-bar input{width:40%;outline:none;border:1px solid #ccc;font-size:1.5rem;padding:.8rem;border-radius:5px}.tournaments-page .new-tournament .input-bar input:focus,.tournaments-page .new-tournament .input-bar input:hover{outline:2px solid blue}.tournaments-page .new-tournament .input-bar button{width:40%;outline:none;border:none;font-size:1.5rem;padding:1rem 1.5rem;background-color:#ffb72b;color:#333;border-radius:10px;font-weight:600}.tournaments-page .browse-tournaments{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:4rem}.tournaments-page .browse-tournaments .button-group{width:100%;display:flex;align-items:center;justify-content:space-around}.tournaments-page .browse-tournaments .button-group button{width:30%;outline:none;border:none;font-size:1.3rem;padding:1rem 1.5rem;background-color:#eaeaea;color:#333;border-radius:10px;font-weight:600}.tournaments-page .browse-tournaments .button-group .active{background-color:#ffb72b}.tournaments-page .browse-tournaments .tournament-list{width:100%;display:flex;align-items:center;flex-wrap:wrap;margin-top:2rem}.tournaments-page .browse-tournaments .tournament-list div{background-color:#eaeaea;padding:.6rem 1.2rem;margin:1.5rem 2.8rem;font-size:1.3rem;border-radius:10px;cursor:pointer}.tournament{width:100%;display:flex;flex-direction:column;align-items:center}.tournament .button{width:50%;outline:none;border:none;font-size:1.5rem;padding:1rem 1.5rem;background-color:#ffb72b;color:#333;border-radius:10px;font-weight:600;margin-bottom:2rem}.tournament-matches{width:100%;display:flex;flex-direction:column;align-items:center}