body{font-family:Inter;background-color:#121212;font-size:14px}.navbar-dark{background-color:#121212}.navbar-brand img{height:40px}.nav-link{color:#fff;margin-right:15px}.nav-link:hover{color:#ff9800}.btn-signin{background-color:#9a9a9a;color:#fff;border:none}.btn-signin:hover{color:#fff;background-color:#5b5b5b}.btn-signup{background-color:#f50;color:#fff;border:none}.btn-signup:hover{color:#fff;background-color:#b53c00}.button-container{display:flex;gap:20px;overflow-x:auto;padding:20px;white-space:nowrap}.button-container::-webkit-scrollbar{display:none}.circle-button{width:50px;height:50px;border-radius:50%;background-color:#ff45001a;box-shadow:0 4px 6px #0000004d;border:none;display:flex;align-items:center;transition:all .3s ease;overflow:hidden;flex-shrink:0;color:#fff;cursor:pointer}.icon img{height:40px;width:40px;font-size:25px;line-height:60px;-o-object-fit:cover;object-fit:cover;border-radius:50%;transition:all .3s ease}.circle-button span{color:#fff;font-size:14px;font-weight:700;opacity:0;transition:opacity .3s ease;white-space:normal;word-wrap:break-word;text-align:left}.circle-button:hover,.circle-button.active{width:220px;border-radius:30px;background:radial-gradient(circle,#fc5000,#e42008,#e42008)}.circle-button:hover span,.circle-button.active span{opacity:1;margin-left:10px}.scrollable-container{display:flex;overflow-x:auto;gap:1rem;padding:1rem}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}.scrollable-container::-webkit-scrollbar{display:none}.card{position:relative;background:url(/build/assets/Rectangle_4539-CWRKhI2L.png) no-repeat;background-size:cover;width:200px;height:300px;flex:0 0 auto;transition:all .3s ease;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .3s ease;pointer-events:none}.card:hover:after{background:#0003}.card-header{color:#fff}.card-body{color:#fff;border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.team-logos img{height:50px;margin:0 10px}.team-name{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:left}.team-score img{filter:brightness(0) invert(1);cursor:pointer}.star-container{display:inline-block;cursor:pointer;width:25px;height:25px;position:relative}.star{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .3s ease}.star-container .default{opacity:1;transition:opacity .3s ease}.star-container .filled{opacity:0;transition:opacity .3s ease}.star-container.active .default{opacity:0}.star-container.active .filled{opacity:1}.divider{height:2px;background:#f90;margin:10px 0}.match-info{font-size:.9rem;color:#fff}.score{font-weight:700;text-align:center}.calendar-header{display:flex;justify-content:space-between;align-items:center;background-color:#212529;color:#fff;padding:10px 15px;border-radius:5px}.calendar-card{background-color:#f50;color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 0;font-weight:700;width:120px;height:60px;cursor:pointer;transition:transform .2s}.calendar-card:hover{transform:scale(1.05)}.calendar-card.active{background-color:#fff;color:#f50}.calendar-container{display:flex;gap:10px;margin-top:10px;justify-content:center}.calendar-icon{width:40px;height:40px;background:url(https://img.icons8.com/ios-filled/50/000000/calendar--v1.png) no-repeat center center;background-size:cover;cursor:pointer}#calendar-input{display:none}#leftCard:hover{background:#070707;border-radius:.375rem;cursor:pointer}.progress-bar-orange{width:50px;height:5px;background-color:#f50}.progress-dots{display:flex;gap:4px;align-items:center}.dot{width:15px;height:5px;background-color:#fff;border-radius:50%}.show-all{color:gray;margin-left:auto;font-size:14px;cursor:pointer}.show-all:hover{color:#f50}.match-header{background:url(/build/assets/match_header-M1PPkNj3.png) no-repeat center center;background-size:cover;border-radius:10px;display:flex;justify-content:space-around;align-items:center;color:#fff;padding:10px 50px}.team{display:flex;flex-direction:column;align-items:center}.team-logo{width:55px;height:auto;margin-bottom:5px}.detail-name{text-align:center;font-size:14px;font-weight:500}.detail-info{text-align:center}.detail-time{font-size:15px}.detail-status{font-size:15px;font-style:italic}.menu-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#fff;border-bottom:1px solid #444}.menu-items{display:flex;gap:20px}.menu-link{text-decoration:none;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;padding:5px 0;cursor:pointer}.menu-link.active{color:#f50}.menu-icons{display:flex;align-items:center;font-size:20px}.icon-placeholder{width:20px;height:20px;display:inline-block;cursor:pointer}.dot-white{height:10px;background-color:#929292}.dot-orange{height:10px;background-color:#f50}.field-container{position:relative;width:100%;max-width:500px;margin:0 auto}.field-image{width:100%;height:700px}.player{position:absolute;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 4px 6px #0000004d}.team1{background-color:#f73}.team2{background-color:#070707}.name-team{position:absolute;font-size:12px}.player-name{position:absolute;top:30px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;max-width:70px;text-shadow:0 4px 6px rgba(0,0,0,.3)}.substitution{color:#fff;padding:10px 15px;border-radius:5px}.subs{width:45%;height:50px;display:flex;align-items:center}.subs-time{display:flex;justify-content:center;align-items:center;text-align:center;width:50px;height:100%;font-weight:700;color:#fff}table{width:100%;outline:2px solid #929292;border-radius:10px}table thead th,table tbody td{color:#929292;padding:10px;text-align:left;border-bottom-width:1px;font-size:16px;font-weight:200}.custom-padding{padding:0 20px}.btn-matches{color:#fff;border:1px solid #ccc;border-radius:20px}.btn-group.active{background-color:#fff}.title-detail{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px}.background-container{width:100%;height:100%;background-image:url(/build/assets/match_header-M1PPkNj3.png);border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;justify-content:center}.match-details{flex-direction:column;line-height:normal;justify-content:center;padding:12px;align-items:center}.match-info-detail{font-family:Inter,sans-serif;text-align:center;justify-content:center;align-items:center}.match-date{color:var(--Foundation-White-white-50, #fff);font-size:10px;font-weight:400;line-height:1.2;text-transform:uppercase}.teams-container{align-items:center;font-size:10px;line-height:24px;justify-content:center;flex-direction:row}.team-info{flex-direction:column;align-items:center;justify-content:center;text-align:center;width:30%}.team-nameMatch{text-align:center;font-size:10px;font-weight:700}.match-time{font-size:24px;font-weight:700}.page{display:none}.page.active{display:block}.status-match{font-size:14px;color:#fff;font-weight:lighter}.name-team-detail,.score-form{font-size:14px;color:#fff;font-weight:200}.card-form{background-color:#414141;border-radius:6px;padding:12px;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.info-form{align-items:center;display:flex;gap:19px;height:100%}.info-teamForm{justify-content:space-between}.info-teamForm .team1-detail{align-items:center;display:flex;gap:6px;margin-bottom:6px}.info-teamForm .team2-detail{align-items:center;display:flex;gap:6px}.team-penalti{background-color:#b5b5b5;color:#fff;border-radius:4px;padding:2px;align-items:center;font-size:12px;font-weight:300}.seeAll-button{justify-content:center;align-items:center;border-radius:12px;background:var(--Foundation-Primary-primary-500, #f50);background-color:var(--Foundation-Primary-primary-500, #f50);display:flex;margin-top:8px;width:100%;gap:7px;font-size:16px;color:var(--Foundation-White-white-50, #fff);line-height:40px;padding:0 10px;cursor:pointer;border:none}.seeAll-button:hover{color:#fff;background-color:#b53c00}.dots{width:10px;height:10px;border-radius:50%;background-color:red;display:inline-block;margin-right:5px}.dropdown{position:relative;display:inline-block}.dropdown-btn{background-color:#212529;color:#fff;padding:10px 20px;font-size:16px;border:none;cursor:pointer}.dropdown-content{display:none;border-radius:10px;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd;border-radius:10px}.dropdown:hover .dropdown-content{display:block}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0006;padding-top:60px}.modal-content{background-color:#fff;margin:5% auto;padding:20px;border:1px solid #888;width:80%}.close-btn{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.close-btn:hover,.close-btn:focus{color:#000;text-decoration:none;cursor:pointer}.title-league-detailTeamMatch{color:#fff;font-size:14px;font-weight:200}.section-league-detailTeamMatch{display:flex;justify-content:space-between;padding:12px}.namePlayer-statsDetailTeam{color:#fff;font-weight:700}.cardListStat{display:flex;align-items:center;border-bottom:1px solid #929292;justify-content:space-between;padding:6px 16px 6px 12px;font-size:12px}.containerListStat{width:100%;outline:1px solid #929292;border-radius:10px;margin-top:12px}.button-matchesDetailTeam{align-self:stretch;border-radius:61px;background:var(--Foundation-Primary-primary-500, rgb(255, 255, 255));background-color:var(--Foundation-Primary-primary-500, rgb(255, 255, 255));color:var(--Foundation-White-white-50, rgb(0, 0, 0));white-space:nowrap;font:500 16px/40px Inter,sans-serif;cursor:pointer;border:none;transition:background-color .2s ease;min-width:120px;height:46px}.button-matchesDetailTeam.active{align-self:stretch;border-radius:61px;background:var(--Foundation-Primary-primary-500, #f50);background-color:var(--Foundation-Primary-primary-500, #f50);color:var(--Foundation-White-white-50, #fff);white-space:nowrap;font:500 16px/40px Inter,sans-serif;cursor:pointer;border:none;transition:background-color .2s ease;min-width:120px;height:46px}.button-matchesDetailTeam:hover{background-color:var(--Foundation-Primary-primary-600, #ec5200)}.button-group{display:flex;gap:10px}.result-button-matchesDetailTeam:hover{background-color:var(--Foundation-Primary-primary-600, #b4b4b4)}.border-column{border-left:1px solid #929292}th:nth-child(2),td:nth-child(2){width:7%}th:nth-child(3),td:nth-child(3){width:7%}th:nth-child(4),td:nth-child(4){width:7%}.no-border-bottom td,.no-border-bottom th{border-bottom:none}.teks-tengah{text-align:center}.rounded-btn{width:25px;height:25px;border-radius:50%;padding:0;background-color:#f5f5f5c5;border:none;display:flex;justify-content:center;align-items:center}.rounded-btn img{width:100%;height:auto}.rounded-btn:hover{background-color:#fff}.component-1{width:100%;position:relative;height:282px;text-align:left;font-size:10px;color:#fff;font-family:Inter}.live-wrapper{width:35.9px;border-radius:2px;background-color:#f50;height:17px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:4px 7px;box-sizing:border-box}.live{position:relative;line-height:9px}.frame-group{position:absolute;height:28.72%;width:86.95%;top:19.15%;right:6.14%;bottom:52.13%;left:6.91%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;font-size:16px}.chelsea-fcsvg-parent{align-self:stretch;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:11px}.chelsea-fcsvg-icon{width:50px;position:relative;-o-object-fit:cover;object-fit:cover}.vs{position:relative;line-height:22px;font-weight:600}.frame-container{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;font-size:10px}.nd-round{position:relative;line-height:14px;font-weight:600}.nd-round-parent{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.frame-child{width:163px;position:relative;max-height:100%}.spacing-line{height:2px;background-color:#f50;width:163px;margin:1rem 0}.frame-div{width:163px;align-self:stretch;display:flex;flex-direction:column;gap:3px;font-size:12px}.chelsea{position:relative;line-height:14px}.button-primary{position:absolute;height:8.16%;width:87.15%;top:86.98%;right:6.47%;bottom:8.87%;left:6.38%;border-radius:4px;background-color:#f50;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;box-sizing:border-box}.group-child{position:absolute;height:100%;width:100%;top:0%;right:0%;bottom:0%;left:0%;max-width:100%;overflow:hidden;max-height:100%}.group-item{top:195%;position:absolute;bottom:100%;max-width:100%;overflow:hidden;max-height:100%}.image-container{width:50px;height:50px;border-radius:20%;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-container img{width:100%;height:100%}#NavSm{display:none}th,td{display:table-cell}.bg-dark-1{background-color:#222121}.highlighted td{font-weight:700}.news .card{height:var(--bs-card-height);width:-moz-fit-content;width:fit-content;background-color:var(--bs-card-bg);background:var(--bs-card-bg)}.news .card:hover{background-color:#f50}.news .card .card-body{color:var(--bs-body-color)}.news .card-title,.news .card-text{color:#fff}.news a .title,.news .title{text-decoration:none;color:#fff}.news a{text-decoration:none}.news a:hover{text-decoration:none;color:#f50}.info{margin-bottom:3rem}.info .card{height:var(--bs-card-height);width:auto;background-color:var(--bs-card-bg);background:var(--bs-card-bg)}.modall{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out;z-index:999}.modall.show{display:flex;justify-content:center;align-items:center;opacity:1}.modall .modall-dialog{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;transform:translateY(-20px);transition:transform .3s ease-in-out}.modall.show .modall-dialog{transform:translateY(0)}.win .team-name{font-size:16px}.win .draw{width:68px;height:68px}.win .draw h6{align-items:center;text-align:center;margin-top:15px}.progress-container{position:relative;width:100%;margin-top:35px}.progress-labels{display:flex;justify-content:space-between;margin-bottom:5px;font-weight:700;text-align:center}.progress-label{flex:1;text-align:center}.progress{height:15px}.bg-orange{background-color:#f50}#clickDiv,.next-match{cursor:pointer}.loading-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:none;justify-content:center;align-items:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;display:none}@keyframes blink-effect{0%{color:#ff3838;text-shadow:0 0 5px rgba(255,56,56,.7)}50%{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8)}to{color:#ff3838;text-shadow:0 0 5px rgba(255,56,56,.7)}}.blinking-live{animation:blink-effect 1.5s linear infinite;font-weight:700;font-size:1.1em}.event-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0}.event-row .event-left,.event-row .event-right{flex:1;display:flex;align-items:center}.event-row .event-left{justify-content:flex-start}.event-row .event-right{justify-content:flex-end}.event-row .event-center{flex-shrink:0;padding:0 15px;font-weight:700;font-size:1.1em}@media screen and (max-width: 768px){.col-rank,.col-w,.col-d,.col-l,.col-f,.col-a{display:none}}@media (max-width: 720px){#NavSm{display:block}#nav-large{display:none}.search-icon{display:block}.hide-on-mobile{display:none}.menu-link{font-size:10px;text-align:center}.menu-items{gap:10px}.subs{font-size:10px}.subs-time{width:25px;height:25px}.title-sub-squad-detailTeam{font-size:12px}#team-name{font-size:14px}#region-team{font-size:12px}.button-matchesDetailTeam,.button-matchesDetailTeam.active{font-size:12px;min-width:110px;height:36px;padding:0}table thead th{color:#929292;padding:10px;text-align:left;border-bottom-width:1px;font-size:14px;font-weight:200}table tbody td{color:#929292;padding:10px;text-align:left;border-bottom-width:1px;font-size:11px;font-weight:200}.truncate-text{max-width:100px}}@media (min-width: 721px){.search-icon{display:none}}@media (max-width: 991px){.hide-on-mobile{display:none}}