.pf-match-popup {
    position:absolute;
    z-index:10001;
    padding:14px 0;
    border-radius:4px;
    font-size:14px;
    font-family:"Roboto",Arial,Sans-Serif;
    display:none;
}
.pf-match-popup.visible {
    display:block;
}
.pf-match-popup .ents {
    display:flex;
    flex-direction:row;
    margin-bottom:20px;
}

.pf-match-popup .ents .ent {
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:0 10px;
}
.pf-match-popup .ents .ent:first-child {
    justify-content:flex-end;
}
.pf-match-popup .ents .ent .name {
    width:80px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.pf-match-popup .ents .ent:first-child .name {
    text-align:right;
}
.pf-match-popup .ents .s_flag {
    margin:0 4px;
}
.pf-match-popup .score {
    display:flex;
    flex-direction:row;
    justify-content:center;
    width:50px;
    font-weight:bold;
}
.pf-match-popup .score .sep {
    width:10px;
    text-align:center;
}

.pf-match-popup .matchlink {
    text-align:center;
    font-weight:500;
    font-size:13px;
}

.pf-match-popup .results {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    font-size:12px;
}
.pf-match-popup .results .settitle {
    margin-bottom:6px;
    font-weight:bold;
}
.pf-match-popup .results table {
    border-collapse: collapse;
    width:100%;
    margin-bottom:10px;
}
.pf-match-popup .results table td {
    text-align:center;
    padding:6px 6px;
}
.pf-match-popup .results table td.map {
    padding:6px 20px;
}
.pf-match-popup .results table td.score_value {
    width:50px;
}
.pf-match-popup .results .win {
    font-weight:bold;
}