/******* Do not edit this file *******
Code Snippets Manager
Saved: Oct 01 2025 | 19:52:49 */
.section__match {
    display: flex;
    flex-direction: column;
    width: 280px;
    min-width: 240px;
}
.section__matches li {margin:auto;list-style: none;}

.section__match img {
    width: 25px;
    height: auto;
    object-fit: contain;
}

.section__league {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 0.5rem;
    margin-bottom: 0.5rem;
	font-weight: 600;
    font-size: var(--text-xs);
}

.section__league .league-wrapper {
    grid-column: span 4;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
} 
.section__league .section__date { grid-column: span 1;   display: flex;
    align-items: center;
    text-align: right;
    justify-content: end;}

.section__results {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0.5rem;
}
span.green-tag {
    background: var(--green);
    padding: 0 0.5rem;
    border-radius: 18px;
    font-size: var(--text-xs);
	color: white;
}
.section__result .brxe-text-basic {
    text-align: right;
}

.section__team .section__name {
    display: flex;
    width: 100%;
    gap: 0.5rem;
}
.match-status {
    text-align: right;
}

.section__team {
    grid-column: span 3;
}

.section__name, .section__date {
    display: flex;
    align-items: center;
 text-wrap-mode: nowrap;
    overflow: hidden;
}

.section__match {
    padding: 0.5rem;
    border-radius: 4px;
    background: var(--primary-30);
}