.card-container.match-main-card{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;margin-bottom:15px;padding:24px 18px;width:100%}@media (max-width:480px){.card-container.match-main-card{border-radius:6px;padding:12px 0;width:100%}}.card-container.match-main-card i{font-size:25px}.card-container.match-main-card .match-time{align-items:center;border:1px solid #f2f2f2;border-radius:12px 12px 0 0;color:#000;display:flex;font-family:Onest;font-size:16px;gap:10px;height:44px;justify-content:center;letter-spacing:0;line-height:19px;padding:10px;text-align:left;width:80%}@media (max-width:480px){.card-container.match-main-card .match-time{flex-wrap:wrap;font-size:12px;gap:5px;height:auto;line-height:14px;padding:0 0 6px;width:100%}.card-container.match-main-card .match-time i{font-size:16px}}.card-container.match-main-card .match-time .referee,.card-container.match-main-card .match-time .stadium{align-items:center;display:flex}.card-container.match-main-card .score{align-items:flex-start;display:flex;padding-bottom:15px;width:98%}@media (max-width:480px){.card-container.match-main-card .score .club-one,.card-container.match-main-card .score .club-two{position:relative;width:calc(50% - 45px)!important}.card-container.match-main-card .score .club-one .club-title,.card-container.match-main-card .score .club-two .club-title{border-radius:6px 0 0 6px;height:60px!important;padding:6px}.card-container.match-main-card .score .club-one .club-title p,.card-container.match-main-card .score .club-two .club-title p{font-size:16px!important;line-height:18px!important}.card-container.match-main-card .score .club-one .club-title img,.card-container.match-main-card .score .club-two .club-title img{height:24px!important;width:24px!important}}.card-container.match-main-card .score i{font-size:15px}.card-container.match-main-card .score .club-one,.card-container.match-main-card .score .club-two{position:relative}.card-container.match-main-card .score .tech-defeat{bottom:calc(100% + 5px);color:var(--danger);display:block;font-family:Onest;left:12px;position:absolute;text-align:left}.card-container.match-main-card .score .club-two .tech-defeat{left:auto;right:12px;text-align:right}.card-container.match-main-card .score .club-one{width:calc(50% - 80px)}.card-container.match-main-card .score .club-one .club-title{align-items:center;background:#17c7ff;border-radius:12px 0 0 12px;color:#fff;display:flex;gap:20px;height:88px;justify-content:flex-start;padding:8px;width:100%}.card-container.match-main-card .score .club-one .club-title.dark-text{color:var(--primary)}.card-container.match-main-card .score .club-one .club-title img{height:72px;width:72px}.card-container.match-main-card .score .club-one .club-title a{align-items:center;color:inherit;display:flex;width:100%}.card-container.match-main-card .score .club-one .club-title p{font-family:Onest;font-size:44px;letter-spacing:0;line-height:51px;text-align:left}@media (max-width:480px){.card-container.match-main-card .score .club-one .club-title p{font-size:16px;line-height:18px}}.card-container.match-main-card .score .club-one .goals{align-items:flex-end;color:var(--primary);display:flex;flex-direction:column;font-family:Onest;font-size:16px;gap:10px;letter-spacing:0;line-height:22px;padding:5px;text-align:left}@media (max-width:480px){.card-container.match-main-card .score .club-one .goals{font-size:14px;line-height:16px}}.card-container.match-main-card .score .club-one .goals .time{align-items:flex-start;display:flex;gap:10px}.card-container.match-main-card .score .result{align-items:center;background:var(--primary);border-radius:0 0 12px 12px;color:#fff;display:flex;flex-direction:column;height:120px;padding:12px 0;width:190px}@media (max-width:480px){.card-container.match-main-card .score .result{height:90px;width:90px}.card-container.match-main-card .score .result h1{font-size:18px!important}.card-container.match-main-card .score .result p{font-size:14px!important}}.card-container.match-main-card .score .result h1{font-family:Onest;font-size:52px;letter-spacing:0;text-align:center}.card-container.match-main-card .score .result p{font-family:Onest;font-size:18px;letter-spacing:0;line-height:21px;text-align:center}.card-container.match-main-card .score .club-two{width:calc(50% - 80px)}.card-container.match-main-card .score .club-two .club-title{align-items:center;background:#e3b335;border-radius:0 12px 12px 0;color:#fff;display:flex;gap:20px;height:88px;justify-content:flex-end;padding:8px;width:100%}.card-container.match-main-card .score .club-two .club-title.dark-text{color:var(--primary)}.card-container.match-main-card .score .club-two .club-title img{height:72px;width:72px}.card-container.match-main-card .score .club-two .club-title a{align-items:center;color:inherit;display:flex;justify-content:flex-end;width:100%}.card-container.match-main-card .score .club-two .club-title p{font-family:Onest;font-size:44px;letter-spacing:0;line-height:51px;text-align:left}.card-container.match-main-card .score .club-two .goals{align-items:flex-start;color:var(--primary);display:flex;flex-direction:column;font-family:Onest;font-size:16px;gap:10px;letter-spacing:0;line-height:22px;padding:5px;text-align:left}@media (max-width:480px){.card-container.match-main-card .score .club-two .goals{font-size:14px;line-height:16px}}.card-container.match-main-card .score .club-two .goals .time{align-items:flex-start;display:flex;gap:10px}.card-container.match-main-card .match-chart{align-items:center;display:flex;justify-content:space-between;width:100%}@media (max-width:480px){.card-container.match-main-card .match-chart{display:none;flex-direction:column;width:100%}}.card-container.match-main-card .match-chart .short-clubs{display:flex;flex-direction:column;gap:8px;height:56px;width:77px}.card-container.match-main-card .match-chart .short-clubs .club{align-items:flex-start;color:var(--primary);display:flex;gap:5px;justify-content:flex-start;width:100px}@media (max-width:480px){.card-container.match-main-card .match-chart .short-clubs .club{align-items:center}}.card-container.match-main-card .match-chart .short-clubs .club img{width:24px}@media (max-width:480px){.card-container.match-main-card .match-chart .short-clubs .club img{width:18px}}.card-container.match-main-card .match-chart .short-clubs .club p{font-family:Onest;font-size:18px;letter-spacing:0;line-height:25px;text-align:left}@media (max-width:480px){.card-container.match-main-card .match-chart .short-clubs .club p{font-size:14px;line-height:16px}}.card-container.match-main-card .match-chart .rounds{align-items:center;background:var(--primary);border-radius:8px;color:#fff;display:inline-flex;font-family:Onest;font-size:16px;gap:10px;height:19px;justify-content:flex-end;letter-spacing:0;line-height:19px;padding:5px 10px;text-align:left;width:47%}.card-container.match-main-card .match-chart .rounds:nth-child(2){margin-right:.5rem}@media (max-width:480px){.card-container.match-main-card .match-chart .rounds{margin-bottom:6px;width:98%}}.dark-text h1{color:var(--primary)!important}.club-title-patter{background-image:url(../images/club_bg.svg)!important;background-position:100%!important;background-repeat:no-repeat!important;background-size:cover!important}.card-container.match-referees{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;margin-bottom:15px;padding:24px 18px;width:100%}@media (max-width:480px){.card-container.match-referees{margin-bottom:0;padding:12px;width:100%}}.card-container.match-referees i{font-size:25px}.card-container.match-referees .referees{align-items:center;border-radius:12px;color:var(--primary);display:flex;flex-direction:column;font-family:Onest;gap:15px;width:100%}@media (max-width:480px){.card-container.match-referees .referees{border-radius:6px;gap:8px}}.card-container.match-referees .referees h3{font-size:20px;font-weight:500}@media (max-width:480px){.card-container.match-referees .referees h3{font-size:16px;line-height:20px}}.card-container.match-referees .referees p{font-size:16px}@media (max-width:480px){.card-container.match-referees .referees p{font-size:12px}}.card-container.match-referees .referees .others{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:58%}@media (max-width:480px){.card-container.match-referees .referees .others{gap:6px;width:100%}}.card-container.match-referees .referees .others li{width:50%}@media (max-width:480px){.card-container.match-referees .referees .others li{width:100%}}.card-container.match-referees .referees .others b{margin-right:8px}.app-person-info-card{align-items:center;color:var(--primary);display:flex;gap:10px;justify-content:flex-end;padding:8px 12px 0}@media (max-width:480px){.app-person-info-card{flex-direction:row;gap:8px;justify-content:flex-start;padding:8px 12px}}.app-person-info-card.right{flex-direction:row-reverse;justify-content:flex-end}.app-person-info-card.right .country{justify-content:flex-start!important}@media (max-width:480px){.app-person-info-card.right{flex-direction:row;justify-content:flex-start}}.app-person-info-card .info{display:flex;flex-direction:column;justify-content:flex-end}@media (max-width:480px){.app-person-info-card .info{align-items:flex-start;flex:1;justify-content:center}}.app-person-info-card .info h5{font-family:campton_regular;font-size:20px;letter-spacing:0;line-height:27px;text-align:end}.app-person-info-card .info h5 span{font-family:campton_medium}@media (max-width:480px){.app-person-info-card .info h5{font-size:14px;line-height:18px;text-align:left}}.app-person-info-card .info .country{align-items:center;display:flex;gap:10px;justify-content:flex-end}@media (max-width:480px){.app-person-info-card .info .country{gap:5px;justify-content:flex-start}}.app-person-info-card .info .country img{border-radius:4px;box-shadow:0 2px 2px #00000029;width:22px}@media (max-width:480px){.app-person-info-card .info .country img{display:none}.app-person-info-card .info .country .name{font-size:12px;line-height:14px}}.app-person-info-card img{width:64px}@media (max-width:480px){.app-person-info-card img{border-radius:50%;height:44px;-o-object-fit:cover;object-fit:cover;width:44px}}.app-person-info-card .position{font-family:campton_light;font-size:20px;letter-spacing:0;line-height:27px;text-align:center}@media (max-width:480px){.app-person-info-card .position{display:none}}.app-person-info-card .player-number{font-family:campton_medium;font-size:20px;letter-spacing:0;line-height:27px;text-align:center;width:24px}@media (max-width:480px){.app-person-info-card .player-number{font-size:14px;line-height:16px;min-width:20px;width:auto}}.right,.right .country{justify-content:flex-start}.match-team-players{margin:20px 0;width:50%}@media (max-width:480px){.match-team-players{margin:10px 0;width:100%}}.match-team-players.right .content .team .club-title{background:linear-gradient(84.2deg,#e3b335 2.99%,#ff0 136.8%);flex-direction:row-reverse}.match-team-players.right .country{justify-content:flex-start}.match-team-players.right ul h3{text-align:left!important}.match-team-players.right ul li{flex-direction:row-reverse;padding-right:20px}.match-team-players.right ul li .app-person-info-card{flex-direction:row-reverse}.match-team-players .content{display:flex;gap:10px}.match-team-players .content .team{border:1px solid #f2f2f2;border-radius:12px;overflow:hidden;width:100%}.match-team-players .content .team .club-title{align-items:center;background:linear-gradient(84.2deg,#17c7ff 2.99%,#96d2e4 136.8%);display:flex;gap:10px;justify-content:flex-end;padding:10px}.match-team-players .content .team .club-title h1{color:#f2f2f2;font-family:Onest;font-size:38px;font-weight:600;letter-spacing:0;line-height:66px;text-align:center}@media (max-width:480px){.match-team-players .content .team .club-title h1{font-size:18px;line-height:22px}}.match-team-players .content .team .club-title img{width:96px}@media (max-width:480px){.match-team-players .content .team .club-title img{width:64px}}.match-team-players .content .team ul h3{color:var(--primary);font-family:Onest;font-size:22px;padding:24px 12px 8px;text-align:right;width:100%}@media (max-width:480px){.match-team-players .content .team ul h3{font-size:16px;line-height:20px;padding:12px 12px 8px}}.match-team-players .content .team ul li{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;justify-content:space-between}@media (max-width:480px){.match-team-players .content .team ul li{padding:0!important}}.match-team-players .content .team ul li:last-child{border-bottom:none}.match-team-players .content .team ul li .activities{display:flex;gap:10px}@media (max-width:480px){.match-team-players .content .team ul li .activities{flex-direction:row-reverse;gap:6px}}.match-team-players .content .team ul li .activities .goal{align-items:center;color:var(--primary);display:flex;gap:10px;min-width:70px}@media (max-width:480px){.match-team-players .content .team ul li .activities .goal{flex-direction:row-reverse;gap:4px;min-width:auto;width:auto}.match-team-players .content .team ul li .activities .goal i{font-size:14px}}.match-team-players .content .team ul li .activities .goal h5{font-family:Onest;font-size:20px;letter-spacing:0;line-height:27px;text-align:right}@media (max-width:480px){.match-team-players .content .team ul li .activities .goal h5{font-size:12px;line-height:14px}}.match-team-players .content .team ul li .activities .color-card{align-items:center;display:flex;gap:10px;min-width:70px}@media (max-width:480px){.match-team-players .content .team ul li .activities .color-card{flex-direction:row-reverse;gap:4px;min-width:auto;width:auto}}.match-team-players .content .team ul li .activities .color-card div{border-radius:3px;height:20px;width:14.4px}@media (max-width:480px){.match-team-players .content .team ul li .activities .color-card div{height:14px;width:10px}}.match-team-players .content .team ul li .activities .color-card h5{font-family:Onest;font-size:20px;letter-spacing:0;line-height:27px;text-align:right}@media (max-width:480px){.match-team-players .content .team ul li .activities .color-card h5{font-size:12px;line-height:14px}}.match-team-players .content .team ul li .activities .change-player{align-items:center;display:flex;gap:10px;min-width:70px}@media (max-width:480px){.match-team-players .content .team ul li .activities .change-player{flex-direction:row-reverse;gap:4px;min-width:auto;width:auto}.match-team-players .content .team ul li .activities .change-player img{height:14px;width:14px}}.match-team-players .content .team ul li .activities .change-player h5{font-family:Onest;font-size:20px;letter-spacing:0;line-height:27px;text-align:right}@media (max-width:480px){.match-team-players .content .team ul li .activities .change-player h5{font-size:12px;line-height:14px}}.match-team-players .content .team ul li .player{align-items:center;color:var(--primary);display:flex;gap:10px;height:72px;justify-content:flex-end;padding:0 12px}.match-team-players .content .team ul li .player .personal{display:flex;flex-direction:column;justify-content:flex-end}.match-team-players .content .team ul li .player .personal h5{font-family:Onest;font-size:20px;letter-spacing:0;line-height:27px;text-align:center}@media (max-width:480px){.match-team-players .content .team ul li .player .personal h5{font-size:14px;line-height:16px}}.match-team-players .content .team ul li .player .personal .country{align-items:center;display:flex;gap:10px;justify-content:flex-end}.match-team-players .content .team ul li .player .personal .country img{width:24px}.match-team-players .content .team ul li .player img{width:52px}.match-team-players .content .team ul li .player .position{font-family:Onest;font-size:20px;font-weight:300;letter-spacing:0;line-height:27px;text-align:center}@media (max-width:480px){.match-team-players .content .team ul li .player .position{font-size:14px;line-height:16px}}.match-team-players .content .team ul li .player .player-number{font-family:Onest;font-size:20px;letter-spacing:0;line-height:27px;text-align:center}@media (max-width:480px){.match-team-players .content .team ul li .player .player-number{font-size:14px;line-height:16px}}
