h1,h2,p{color:#fff}.matches-header-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 20px;width:100vw;height:12vh;background-color:#212121}.matches-header-buttons-container{display:flex;flex-direction:row;gap:10px;align-items:last baseline;margin-bottom:5px}.matches-header-buttons-container img{height:30%}.matches-header-scroll-container{display:flex;overflow-y:hidden;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;justify-content:space-between;gap:10px;width:100vw;height:5vh;background-color:#212121}.matches-header-scroll-container::-webkit-scrollbar{display:none}.matches-header-scroll-container button{color:#c4c4c4;white-space:nowrap;background:none;border:none;font-size:20px;font-weight:700}.matches-header-scroll-container button:hover{color:#fff;text-decoration:underline;text-decoration-color:#5dd1f5;text-decoration-thickness:2.5px;text-underline-offset:5px;cursor:pointer}.matches-header-scroll-middle-container{display:flex;justify-content:center;gap:1rem;color:#fff;text-decoration:underline;text-decoration-color:#5dd1f5;text-decoration-thickness:2.5px;text-underline-offset:5px;cursor:pointer;opacity:50%}.dropdown-container{position:relative;width:calc(100vw - 20px);margin-left:10px;font-family:sans-serif;color:#fff}.dropdown-header{background:#212121;padding:12px;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:7vh}.dropdown-header div{display:flex;justify-content:center;align-self:center}.dropdown-following-icon{margin-bottom:2px;margin-right:5px;height:2.5vh}.dropdown-header span{font-size:16px;font-weight:700}.drop-down-matches-length-container{background-color:#323232;border-radius:9999px;padding:4px 8px;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;font-size:14px;color:#fff}.drop-down-arrow-container{display:flex;flex-direction:row;align-items:center;gap:10px}.dropdown-arrow-icon{height:65%;transition:transform .3s ease}.dropdown-arrow-icon.rotated{transform:rotate(180deg)}.dropdown-list{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:all .4s ease;align-items:center;justify-content:center;margin-bottom:5px}.dropdown-list.open{max-height:500px;overflow-y:scroll;opacity:1;border-radius:6px;background:#393939;padding:4px;margin-bottom:5px}.dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px}.dropdown-item .team{display:flex;align-items:center;gap:8px;flex:1 1 45%;min-width:0;justify-content:flex-start}.dropdown-item .team.right{display:flex;align-items:center;gap:8px;flex:1 1 40%}.dropdown-item img{height:20px;min-width:20px}.team-name{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-grow:1}.team-name h3{margin:0;font-size:18px;overflow:hidden}.dropdown-item .score h2{font-size:24px;white-space:nowrap}.dropdown-list{height:0;opacity:0;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease,height .4s ease;align-items:center;justify-content:center;overflow:hidden;position:relative}.dropdown-list.open{height:auto;opacity:1;transform:translateY(0);background:#393939;padding:4px}.dropdown-container.open{transform:translateY(0);transition:transform .4s ease}.dropdown-item:hover{background-color:#333}@media screen and (min-width: 768px){.dropdown-item{max-width:80%;margin:0 auto}.team-name h3{font-size:22px}.dropdown-item img{height:25px;min-width:25px}}.news-header{display:flex;width:100vw;height:16.5vh;background-color:#212121;align-items:last baseline;padding:0 5px}.news-header-title{font-size:40px;font-weight:bolder}.news-header-scroll-container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:20px;width:calc(100vw - 20px);height:5vh;background-color:#212121}.news-header-scroll-container::-webkit-scrollbar{display:none}.news-header-scroll-container button{color:#c4c4c4;white-space:nowrap;background:none;border:none;font-size:20px;font-weight:700}.news-header-scroll-container button:hover{color:#fff;text-decoration:underline;text-decoration-color:#5dd1f5;text-decoration-thickness:2.5px;text-underline-offset:5px;cursor:pointer}.news-content{display:flex;flex-direction:column;gap:10px;padding:10px;align-items:center}.news-content-most-popular{display:flex;flex-direction:column;gap:10px}.news-content-most-popular-header{display:flex;flex-direction:row;align-items:center;gap:10px}.news-content-popularity-icon{min-width:26px;min-height:16px;width:2.4vw;height:1.5vw}.news-content-popularity-icon-container{display:flex;object-fit:contain;min-width:36px;min-height:36px;width:3.2vw;height:3.2vw;border-radius:999px;align-items:center;justify-content:center;background-color:#30332c}.news-content-popularity-image{aspect-ratio:369/266;width:100%;max-width:550px;border-radius:10px}.news-content-most-popular-footer{display:flex;flex-direction:column;gap:10px}.news-content-most-popular-footer-text{color:#fff;width:100%;max-width:550px;white-space:normal;word-break:normal;overflow-wrap:break-word}.news-content-most-popular-footer-citation{display:flex;align-items:center;gap:10px}.news-content-most-popular-footer-citation-image{width:1vw;height:1vw;min-width:12px;min-height:12px;border-radius:999px}.news-content-most-popular-footer-citation-text{font-size:8px;color:#c4c4c4}.news-articles-list{display:flex;flex-direction:column;gap:15px;width:100%;max-width:550px;margin-top:10px}.news-content-article{display:flex;flex-direction:row;width:100%;max-width:550px;align-items:flex-start}.news-content-article-image{width:75%;border-radius:6px;object-fit:cover}.news-content-article-words{display:flex;flex-direction:column;flex:1;height:100%;justify-content:flex-start;gap:4px}.leagues-body-container{display:flex;flex-direction:column;width:100vw}.leagues-header{display:flex;width:100vw;height:17vh;background-color:#212121;align-items:last baseline;padding:0 5px}.leagues-header-container{display:flex;flex-direction:column;width:100%;gap:10px}.leagues-header-title{font-size:40px;font-weight:bolder}.leagues-header-search{position:relative;display:inline-block}.leagues-header-search-icon{position:absolute;left:8px;top:50%;height:60%;transform:translateY(-50%);pointer-events:none}.leagues-header-search-input{padding:8px 8px 8px 28px;width:100%;height:3.5vh;background-color:#393939;border:none;border-radius:15px;color:#f1ffde;outline:none;box-shadow:0 4px 4px #0000001a}.leagues-content-container{display:flex;flex-direction:column;width:100vw;padding:10px 0}*{box-sizing:border-box}.league-page-wrapper{width:100vw;height:100vh;background-color:#121212;display:flex;flex-direction:column;overflow:hidden;color:#fff}.league-header{height:16.5vh;background-color:#212121;display:flex;align-items:flex-end;padding:0 25px 20px;border-bottom:1px solid #333}.league-header-content{display:flex;align-items:center;gap:20px}.league-main-logo{height:75px;width:75px;object-fit:contain}.league-header-title{font-size:38px;font-weight:800;margin:0;line-height:1}.league-subtitle{font-size:16px;color:#5dd1f5;margin-top:15px;font-weight:500}.league-dashboard-content{display:flex;height:73.5vh;padding:20px;gap:20px;overflow-y:auto;scrollbar-width:none}.league-main-column{flex:2;min-width:500px}.league-side-column{flex:1;min-width:320px;display:flex;flex-direction:column;gap:20px}.card{background-color:#1e1e1e;border-radius:12px;padding:20px;border:1px solid #2a2a2a;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.card-title{margin:0 0 15px;font-size:18px;color:#eee;border-left:4px solid #5DD1F5;padding-left:10px}.card-round-nav-container{display:flex;justify-content:center;align-items:center;gap:15px}.card-round-nav-button{height:34px;width:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#252525;color:#5dd1f5;border:1px solid #333;cursor:pointer;transition:all .2s ease-in-out;font-size:12px;padding:0;line-height:0}.card-round-nav-button:hover:not(:disabled){background-color:#5dd1f5;color:#121212;border-color:#5dd1f5;box-shadow:0 0 10px #5dd1f54d}.card-round-nav-button:disabled{opacity:.2;cursor:not-allowed;filter:grayscale(1)}.card-round-nav-select{height:34px;border-radius:10px;padding:10px;background-color:#252525;color:#5dd1f5;border:1px solid #333;font-size:12px;font-weight:700;line-height:0}.standings-table{width:100%;border-collapse:collapse;font-size:14px}.standings-table th{color:#777;padding:12px;text-align:center;border-bottom:1px solid #333;text-transform:uppercase;font-size:12px}.standings-table td{padding:14px;text-align:center;border-bottom:1px solid #252525}.standings-table tbody tr:hover{background-color:#252525;cursor:default}.team-cell{display:flex;align-items:center;gap:12px;text-align:left;font-weight:600}.team-cell img{width:28px;height:28px}.text-left{text-align:left}.bold-text{color:#5dd1f5;font-weight:800}.form-row{display:flex;gap:4px;justify-content:center}.form-dot{width:22px;height:22px;border-radius:4px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.form-dot.W{background-color:#2e7d32}.form-dot.D{background-color:#ffa000}.form-dot.L{background-color:#d32f2f}.pitch-container{width:100%;aspect-ratio:4/5;background:#1a3a1a;border:2px solid rgba(255,255,255,.1);border-radius:8px;position:relative;overflow:hidden}.pitch-line{position:absolute;border:1px solid rgba(255,255,255,.2)}.center-circle{width:80px;height:80px;border-radius:50%;top:0%;left:50%;transform:translate(-50%,-50%)}.penalty-area{width:60%;height:20%;border-top:none;bottom:0;left:20%}.pitch-player{position:absolute;aspect-ratio:1/1;width:60px;background:#222;border-radius:50%;border:2px solid #5DD1F5;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.pitch-player span{font-size:10px;font-weight:700;color:#5dd1f5}.pitch-player img{width:100%;border-radius:50%}.pitch-player .player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;background:#000000b8;color:#fff;text-align:center;opacity:0;transition:opacity .16s ease;pointer-events:none}.pitch-player .player-overlay .name{font-weight:800;color:#5dd1f5;font-size:8px}.pitch-player .player-overlay .meta{font-size:8px;font-weight:800;color:#e6eef2}.pitch-player:hover{background:transparent}.pitch-player:hover img{opacity:.14;transform:scale(1.03);transition:opacity .16s ease,transform .18s ease}.pitch-player:hover .player-overlay{opacity:1;pointer-events:auto}.fixture-item-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px;background:#252525;border-radius:8px;font-weight:600;width:100%}.fixture-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#252525;border-radius:8px;font-weight:600;width:100%}.fixture-item img{aspect-ratio:1/1;width:35px;border-radius:9999px}.fixture-item span{overflow-wrap:break-word;max-width:25%}.fixture-item-leftside-text{text-align:left}.fixture-item-rightside-text{text-align:right}.fixture-badge{background:#333;color:#5dd1f5;padding:4px 10px;border-radius:4px;font-size:13px}.stat-cards-container{display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.stat-card{padding:15px}.stat-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;border-bottom:1px solid #2a2a2a}.stat-player-info{display:flex;align-items:center;gap:10px;flex:1}.stat-player-value-container{flex-shrink:0;margin-left:15px}.stat-card-title-holder{display:flex;align-items:center;gap:8px;border-left:4px solid #5DD1F5;padding-left:10px;margin-bottom:15px}.stat-card .card-title{border-left:none;padding-left:0;margin-bottom:0}.card-title.small{font-size:14px}.card-title.image{width:24px}.stat-list{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2a2a}.stat-row:last-child{border-bottom:none}.stat-player-info{display:flex;align-items:center;gap:10px}.stat-player-value-container{display:flex;justify-content:center;align-items:center;background-color:#2c2c2c;width:34px;aspect-ratio:1/1;border-radius:999px}.stat-rank{color:#777;font-size:12px;width:15px}.stat-picture{aspect-ratio:1/1;width:35px;border-radius:9999px}.stat-name{font-size:15px;font-weight:bolder;color:#fff}.stat-value{font-weight:800;color:#5dd1f5;font-size:14px}.league-main-column{display:flex;flex-direction:column}.following-header{display:flex;width:100vw;height:16.5vh;background-color:#212121;align-items:last baseline;padding:0 5px}.following-header-title{font-size:40px;font-weight:bolder}.following-header-scroll-container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:20px;width:calc(100vw - 20px);height:5vh;background-color:#212121}.following-header-scroll-container::-webkit-scrollbar{display:none}.following-header-scroll-container button{color:#fff;white-space:nowrap;background:none;border:none;font-size:20px;font-weight:700}.following-header-scroll-container button:hover{text-decoration:underline;text-decoration-color:#5dd1f5;text-decoration-thickness:2.5px;text-underline-offset:5px;cursor:pointer}.following-content{display:flex;flex-direction:row;width:100vw;height:73.5vh;align-items:flex-start;padding:0 5px}.following-content-container{display:grid;width:50%;height:100%;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;overflow-y:auto;scrollbar-width:none;padding:5px;gap:5px;background-color:pink}.reset-button{height:100%;width:100%;border-radius:10px;padding:10px;background-color:maroon}.reset-button:hover{opacity:75%;cursor:pointer}.boxed-icon-image{height:25px;width:25px}.boxed-icon-title{font-weight:bolder;color:#fff;text-align:left;letter-spacing:-.35px;font-size:clamp(18px,10vw,14px);white-space:nowrap;overflow:hidden;margin-top:5px}.boxed-next-game-container h3{color:#fff;font-weight:700;font-size:11px}.boxed-next-game-joint{display:flex;flex-direction:row;height:10px;gap:5px;margin-top:5px}.boxed-next-game-subtext{margin-top:8px;font-size:clamp(18px,10vw,14px);white-space:nowrap;overflow:hidden}.boxed-icon-container{width:100%;height:100%;border-radius:10px;padding:10px;background-color:maroon}.boxed-icon-container:hover{opacity:75%;cursor:pointer}.boxed-icon-image-container{display:flex;flex-direction:row;justify-content:space-between}.boxed-icon-image-container img{border-radius:50%}.boxed-icon-player-image{width:30px;height:30px}.boxed-icon-team-image{width:15px;height:15px}.boxed-icon-name-container{display:flex;flex-direction:column;justify-content:center;margin-top:10px}.boxed-icon-firstName{color:#fff;font-weight:400;font-size:14px}.boxed-icon-lastName{color:#fff;font-weight:700;font-size:16px}.boxed-icon-stats-text{color:#fff;font-weight:400;font-size:12px}.boxed-icon-stats-container{display:flex;flex-direction:row;height:12px;margin-top:5px;gap:5px}.boxed-icon-stats-container-container{display:flex;align-items:center;gap:2px;height:100%}.boxed-icon-stats-icon{height:100%;width:auto;aspect-ratio:1 / 1;object-fit:contain;display:block}.boxed-icon-stats-container-container{padding:0 3px;border:.5px solid white;border-radius:10px}.boxed-icon-player-league-image-container{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:2px 0;border-radius:9999px;margin-top:5px}.boxed-icon-player-league-image{height:100%}.generic-row{display:flex;flex-direction:row;gap:5px}.navbar{all:unset;display:flex;background-color:#212121;width:100vw;height:10vh;min-height:60px;align-items:center;justify-content:space-between;position:fixed;bottom:0;left:0;z-index:1000}.navbar-options{width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:10px;list-style:none;padding:0;margin:0}.navbar-options li{all:unset}.container{display:flex;flex-direction:column;align-items:center;justify-content:center}.link{display:flex;flex-direction:column;align-items:center;text-decoration:none;font-weight:700;color:#565759;transition:color .3s,background-color .3s}.link img{all:unset;display:block;background-color:#565759;transition:background-color .3s}.link:hover{cursor:pointer;color:#5dd0f5}.link:hover img{background-color:#5dd0f5}.link.active{color:#5dd0f5}.link.active img{background-color:#5dd0f5}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background-color:#000}
