.match-card{cursor:pointer;flex-direction:column;transition:background-color .2s;display:flex;position:relative}.match-card-link{z-index:0;text-decoration:none;position:absolute;top:0;bottom:0;left:0;right:0}.match-card-content{z-index:1;pointer-events:none;flex-direction:column;flex:1;display:flex;position:relative}.match-card-content a.team-name{pointer-events:auto}.match-card:hover{background-color:var(--bg-hover)}.match-card .teams-container{flex-direction:row;align-items:center;gap:12px;display:flex}.match-card .match-rows{border-right:1px solid var(--border-color);flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.match-card .team-row{align-items:center;gap:16px;display:flex}.match-card .team-info{flex:70%;align-items:center;min-width:0;display:flex}.match-card .team-icon{border-radius:50%;flex-shrink:0;width:16px;height:16px}.match-card .team-name,.match-card a.team-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.match-card .score{text-align:center;color:var(--text-primary);flex:10%;font-weight:500}.match-card .match-card-datetime{text-align:right;min-width:4.5rem;color:var(--text-secondary);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;font-weight:500;display:flex}.match-card .match-datetime-line1,.match-card .match-datetime-line2{font-size:inherit;align-self:center;display:block}.match-card .match-card-datetime .match-status{font-size:inherit;color:inherit;align-self:center;padding:0 1.5px}@property --sweep{syntax:"<angle>";inherits:true;initial-value:0deg}@property --sweep-start{syntax:"<angle>";inherits:true;initial-value:0deg}.match-card .match-minutes-border{--sweep:0deg;--sweep-start:0deg;--border-width:2px;padding:var(--border-width);border-radius:4px;align-self:center;animation:4s ease-in-out infinite match-minutes-sweep;position:relative}.match-card .match-minutes-border.match-minutes-border--js-driven{animation:none}.match-card .match-minutes-border:before{content:"";-webkit-mask-image:conic-gradient(from 45deg,transparent 0deg,transparent var(--sweep-start),#000 var(--sweep-start),#000 var(--sweep),transparent var(--sweep),transparent 360deg);-webkit-mask-image:conic-gradient(from 45deg,transparent 0deg,transparent var(--sweep-start),#000 var(--sweep-start),#000 var(--sweep),transparent var(--sweep),transparent 360deg);mask-image:conic-gradient(from 45deg,transparent 0deg,transparent var(--sweep-start),#000 var(--sweep-start),#000 var(--sweep),transparent var(--sweep),transparent 360deg);pointer-events:none;background:#22c55e;border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0}.match-card .match-minutes-border-inner{z-index:1;background:var(--bg-secondary);border-radius:2px;justify-content:center;align-items:center;min-height:1.5em;display:flex;position:relative}@keyframes match-minutes-sweep{0%{--sweep:0deg;--sweep-start:0deg}50%{--sweep:360deg;--sweep-start:0deg}to{--sweep:360deg;--sweep-start:360deg}}@media (max-width:640px){.match-card{padding:6px 8px}.match-card .teams-container{gap:8px}.match-card .team-row{gap:16px}.match-card .team-info{gap:6px}.match-card .match-card-datetime{gap:2px;font-size:11px}.match-card .team-name{font-size:12px;font-weight:500}.match-card .score{font-size:13px}}@media (min-width:640px) and (max-width:1023px){.match-card{padding:6px 8px}.match-card .teams-container{gap:8px}.match-card .team-row{gap:16px}.match-card .team-info{gap:6px}.match-card .match-card-datetime{gap:2px;font-size:11px}.match-card .team-name,.match-card .score{font-size:13px}}@media (min-width:1023px){.match-card{padding:8px 2px 8px 12px}.match-card .teams-container{gap:8px}.match-card .team-row{gap:16px}.match-card .team-info{gap:6px}.match-card .match-card-datetime{gap:2px;font-size:11px}.match-card .team-name,.match-card .score{font-size:13px}}