#matchOverviewContainer{
	margin-bottom: 3rem;
}
.progress-bars-container .flex-container {
    display: flex;
    justify-content: space-between;
    /* Pushes the items to opposite ends, creating a gap */    
}

.progress-bars-container .flex-container>.flex-item {
    width: calc(50% - 1%);
	min-height: 20px;
    /* Adjusts for the space between the items */    
    /* padding: 20px;
    text-align: center; */
}

.match-overview-visual {
    background: linear-gradient(to var(--gradient-direction), var(--match-statistic-first-color) var(--match-statistic-first-color-percentage), var(--colors-neutrals-n-lv5) var(--match-statistic-second-color-percentage));    
}