.sp-eb-match-badge {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 0.2em !important;
margin-inline-end: 0.25em;
vertical-align: middle;
white-space: nowrap;
}
.sp-eb-match-events {
display: inline-flex !important;
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 0.35em !important;
vertical-align: middle !important;
}
.sp-eb-match-events .sp-eb-match-badge {
margin-inline-end: 0;
}
.sp-eb-match-events-dir-row {
flex-direction: row !important;
}
.sp-eb-match-events-dir-row-reverse {
flex-direction: row-reverse !important;
}
.sp-eb-match-events-dir-column {
flex-direction: column !important;
}
.sp-eb-match-events-dir-column-reverse {
flex-direction: column-reverse !important;
}
.sp-eb-match-events-align-flex-start {
align-items: flex-start !important;
}
.sp-eb-match-events-align-center {
align-items: center !important;
}
.sp-eb-match-events-align-flex-end {
align-items: flex-end !important;
}
.sp-eb-match-events-align-stretch {
align-items: stretch !important;
}
.sp-eb-match-events-justify-flex-start {
justify-content: flex-start !important;
}
.sp-eb-match-events-justify-center {
justify-content: center !important;
}
.sp-eb-match-events-justify-flex-end {
justify-content: flex-end !important;
}
.sp-eb-match-events-justify-space-between {
justify-content: space-between !important;
}
.sp-eb-match-events-justify-space-around {
justify-content: space-around !important;
}
.sp-eb-match-badge-dir-row {
flex-direction: row !important;
}
.sp-eb-match-badge-dir-row-reverse {
flex-direction: row-reverse !important;
}
.sp-eb-match-badge-dir-column {
flex-direction: column !important;
}
.sp-eb-match-badge-dir-column-reverse {
flex-direction: column-reverse !important;
}
.sp-eb-match-badge-align-flex-start {
align-items: flex-start !important;
}
.sp-eb-match-badge-align-center {
align-items: center !important;
}
.sp-eb-match-badge-align-flex-end {
align-items: flex-end !important;
}
.sp-eb-match-badge-align-stretch {
align-items: stretch !important;
}
.sp-eb-match-badge-justify-flex-start {
justify-content: flex-start !important;
}
.sp-eb-match-badge-justify-center {
justify-content: center !important;
}
.sp-eb-match-badge-justify-flex-end {
justify-content: flex-end !important;
}
.sp-eb-match-badge-justify-space-between {
justify-content: space-between !important;
}
.sp-eb-match-badge-justify-space-around {
justify-content: space-around !important;
}
.sp-eb-match-badge img {
display: inline-block;
width: 1em;
height: 1em;
object-fit: contain;
vertical-align: middle;
}
.sp-eb-match-badge svg,
.sp-eb-match-badge .sp-eb-match-badge-elementor-icon,
.sp-eb-match-badge .sp-eb-match-badge-elementor-icon svg {
display: inline-block;
width: 1em;
height: 1em;
flex: 0 0 auto;
}
.sp-eb-match-badge-fallback {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.45em;
min-height: 1.45em;
padding: 0 0.25em;
border-radius: 999px;
background: #111827;
color: #fff;
font-size: 0.72em;
font-weight: 700;
line-height: 1;
}
.sp-eb-match-badge-yellowcards .sp-eb-match-badge-fallback,
.sp-eb-match-badge-yellow_cards .sp-eb-match-badge-fallback {
background: #facc15;
color: #111827;
}
.sp-eb-match-badge-redcards .sp-eb-match-badge-fallback,
.sp-eb-match-badge-red_cards .sp-eb-match-badge-fallback {
background: #dc2626;
color: #fff;
}
.sp-eb-match-badge-owngoals .sp-eb-match-badge-fallback,
.sp-eb-match-badge-own-goals .sp-eb-match-badge-fallback,
.sp-eb-match-badge-og .sp-eb-match-badge-fallback {
background: #7f1d1d;
color: #fff;
}
.sp-eb-match-badge-time {
font-size: 0.78em;
font-weight: 600;
line-height: 1;
}