.fixtures{

    display:flex;

    flex-direction:column;

    height:calc(100% - 50px);

    gap:12px;

}

.match-card{

    background:#242424;

    border:2px solid #3b3b3b;

    border-radius:18px;

    padding:16px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

}

.match-card.big{

    flex:0 0 45%;

}

.match-card.small{

    flex:1;

    justify-content:center;

}

.competition{

    text-align:center;

    font-size:18px;

    font-weight:bold;

    margin-bottom:12px;

}

.match-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex:1;

}

.team{

    display:flex;

    flex-direction:column;

    align-items:center;

    width:40%;

}

.team-logo{

    width:70px;

    height:70px;

    object-fit:contain;

    margin-bottom:10px;

}

.team-name{

    text-align:center;

    font-size:20px;

    font-weight:bold;

    overflow:hidden;

    text-overflow:ellipsis;

}

.vs{

    font-size:28px;

    font-weight:bold;

}

.kickoff{

    text-align:center;

    margin-top:12px;

    font-size:18px;

    opacity:.8;

}

.small-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}

.small-match-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:100%;

}

.small-team{

    display:flex;

    align-items:center;

    gap:10px;

    width:42%;

}

.small-logo{

    width:48px;

    height:48px;

    object-fit:contain;

    flex-shrink:0;

}

.small-team span{

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    font-size:18px;

}

.vs-small{

    font-size:20px;

    font-weight:bold;

}