```css
*{
box-sizing:border-box;
}

.mt-table{
display:flex;
flex-direction:column;
justify-content:center;
gap:var(--Main-Gap);
width:100%;
}

.mt-header,
.mt-footer{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--Main-Gap);
padding:var(--Main-Gap);
background:var(--Body-BG);
border-radius:var(--Main-Border-Radius);
border:var(--Main-Border);
text-align:center;
}

.mt-header .mt-date{
color:var(--Main-Color);
}

.mt-league{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:20px var(--Main-Padding);
background:var(--Body-BG);
border:var(--Main-Border);
color:var(--White-Color);
border-radius:var(--Main-Border-Radius);
text-align:center;
font-size:18px;
font-weight:700;
}

.mt-match{
display:flex;
flex-direction:column;
justify-content:center;
background:var(--Body-BG);
border-radius:var(--Main-Border-Radius);
border:var(--Main-Border);
overflow:hidden;
width:100%;
transition:.3s ease;
}

.mt-match:hover{
transform:translateY(-2px);
}

.mt-match-row{
display:grid;
grid-template-columns:1fr 1fr 1fr;
width:100%;
justify-content:center;
align-items:center;
border-bottom:var(--Main-Border);
padding:15px;
gap:10px;
}

.mt-info{
display:grid;
grid-template-columns:1fr 1fr;
width:100%;
justify-content:center;
align-items:center;
padding:12px 15px;
gap:10px;
background:rgba(255,255,255,.02);
}

.mt-match-row > div,
.mt-info > div{
display:flex;
text-align:center;
line-height:24px;
font-size:var(--Font-Size-2);
flex-direction:row;
align-items:center;
justify-content:center;
word-break:break-word;
}

.mt-match-row .mt-time span.time-span{
display:block;
background:var(--Secondary-BG);
padding:5px 10px;
border-radius:var(--Radius3);
border:var(--Border);
font-weight:700;
min-width:70px;
}

.mt-info .mt-commentator::before{
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:middle;
background-color:var(--Secondary-Color);
margin-left:var(--Main-Margin);
-webkit-mask-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='microphone' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='black' d='M176 352c53.02 0 96-42.98 96-96V96c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96zm160-160h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16z'%3E%3C/path%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='microphone' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='black' d='M176 352c53.02 0 96-42.98 96-96V96c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96zm160-160h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16-7.16-16-16v16c0-8.84 7.16-16 16-16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16z'%3E%3C/path%3E%3C/svg%3E");
mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
transition:var(--Tran-1);
}

.mt-info .mt-channel::before{
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:middle;
background-color:var(--Secondary-Color);
margin-left:var(--Main-Margin);
-webkit-mask-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='desktop' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='black' d='M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z'%3E%3C/path%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='desktop' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='black' d='M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z'%3E%3C/path%3E%3C/svg%3E");
mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
transition:var(--Tran-1);
}

.mt-match:hover .mt-info .mt-commentator::before,
.mt-match:hover .mt-info .mt-channel::before{
background-color:var(--Main-Color);
}

.Night .mt-league{
background:var(--Body-BG);
color:var(--Main-Color);
}

/* Responsive Mobile */

@media (max-width:768px){

.mt-table{
gap:15px;
}

.mt-match-row{
grid-template-columns:1fr;
padding:15px 10px;
}

.mt-info{
grid-template-columns:1fr;
padding:10px;
}

.mt-match-row > div,
.mt-info > div{
font-size:14px;
line-height:22px;
padding:4px 0;
}

.mt-league{
padding:15px 10px;
font-size:16px;
}

.mt-header,
.mt-footer{
padding:12px;
}

.mt-match-row .mt-time span.time-span{
width:100%;
max-width:120px;
margin:auto;
}

}

/* Small Phones */

@media (max-width:480px){

.mt-match-row > div,
.mt-info > div{
font-size:13px;
}

.mt-league{
font-size:15px;
}

.mt-header .mt-date{
font-size:13px;
}

}