/* Platform Icon */
.vl-platform-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 6px;
}
/* Performance Stats */
.vl-stat-group {
display: inline-flex;
align-items: center;
gap: 4px;
margin-right: 8px;
}
.vl-stat-icon {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.vl-stat-multiplier {
font-size: 0.875em;
font-weight: 600;
margin-left: 2px;
}
/* Mobile Layout (Default) */
.vl-lineup-mobile {
display: block;
}
.vl-lineup-desktop {
display: none;
}
.vl-team-card {
background: #fff;
border-radius: 12px;
margin-bottom: 16px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.vl-team-header {
padding: 12px 16px;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
background: #f5f5f5;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #fff;
}
.vl-player-row {
display: flex;
align-items: center;
padding: 12px 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vl-player-row:last-child {
border-bottom: none;
}
.vl-player-number {
font-weight: 700;
margin-right: 12px;
font-size: 14px;
opacity: 0.6;
min-width: 24px;
}
.vl-player-info {
flex: 1;
min-width: 0;
}
.vl-player-name {
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.vl-player-position {
font-size: 12px;
opacity: 0.6;
margin-top: 4px;
font-weight: normal;
}
.vl-player-stats {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
align-items: center;
}
/* Desktop Layout (768px and up) */
@media (min-width: 768px) {
.vl-lineup-mobile {
display: none;
}
.vl-lineup-desktop {
display: block;
}
.vl-lineup-table-wrapper {
overflow-x: auto;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.vl-lineup-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 14px;
}
.vl-lineup-table thead {
background: #f5f5f5;
}
.vl-lineup-table thead th {
padding: 12px 10px;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-align: left;
border-bottom: 2px solid #e0e0e0;
}
.vl-lineup-table thead th.align-center {
text-align: center;
}
.vl-lineup-table thead th.align-right {
text-align: right;
}
.vl-lineup-table tbody tr {
border-bottom: 1px solid #f0f0f0;
}
.vl-lineup-table tbody tr:hover {
background-color: #fafafa;
}
.vl-lineup-table tbody td {
padding: 12px 10px;
vertical-align: middle;
}
.vl-lineup-table tbody td.align-center {
text-align: center;
}
.vl-lineup-table tbody td.align-right {
text-align: right;
}
.vl-lineup-table .player-number {
text-align: center;
font-weight: 700;
opacity: 0.6;
font-size: 13px;
}
.vl-lineup-table .player-name-cell {
font-weight: 600;
min-width: 180px;
}
.vl-lineup-table .player-position-cell {
font-size: 13px;
opacity: 0.7;
min-width: 100px;
}
.vl-lineup-table .team-1-bg {
background-color: rgba(0, 0, 0, 0.02);
}
.vl-lineup-table .team-2-bg {
background-color: rgba(0, 0, 0, 0.02);
}
}
/* Hide original table when using new layout */
.sp-template-event-performance-icons .sp-event-performance {
display: none;
}
/* Platform Icon */
.vl-platform-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 6px;
}
/* Performance Stats */
.vl-stat-group {
display: inline-flex;
align-items: center;
gap: 4px;
margin-right: 8px;
}
.vl-stat-icon {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.vl-stat-multiplier {
font-size: 0.875em;
font-weight: 600;
margin-left: 2px;
}
/* Mobile Layout (Default) */
.vl-lineup-mobile {
display: block;
}
.vl-lineup-desktop {
display: none;
}
.vl-team-card {
background: #fff;
border-radius: 12px;
margin-bottom: 16px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.vl-team-header {
padding: 12px 16px;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
background: #f5f5f5;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #fff;
}
.vl-player-row {
display: flex;
align-items: center;
padding: 12px 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.vl-player-row:last-child {
border-bottom: none;
}
.vl-player-number {
font-weight: 700;
margin-right: 12px;
font-size: 14px;
opacity: 0.6;
min-width: 24px;
}
.vl-player-info {
flex: 1;
min-width: 0;
}
.vl-player-name {
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.vl-player-position {
font-size: 12px;
opacity: 0.6;
margin-top: 4px;
font-weight: normal;
}
.vl-player-stats {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
align-items: center;
}
/* Desktop Layout (768px and up) */
@media (min-width: 768px) {
.vl-lineup-mobile {
display: none;
}
.vl-lineup-desktop {
display: block;
}
.vl-lineup-table-wrapper {
overflow-x: auto;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.vl-lineup-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 14px;
}
.vl-lineup-table thead {
background: #f5f5f5;
}
.vl-lineup-table thead th {
padding: 12px 10px;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
text-align: left;
border-bottom: 2px solid #e0e0e0;
}
.vl-lineup-table thead th.align-center {
text-align: center;
}
.vl-lineup-table thead th.align-right {
text-align: right;
}
.vl-lineup-table tbody tr {
border-bottom: 1px solid #f0f0f0;
}
.vl-lineup-table tbody tr:hover {
background-color: #fafafa;
}
.vl-lineup-table tbody td {
padding: 12px 10px;
vertical-align: middle;
}
.vl-lineup-table tbody td.align-center {
text-align: center;
}
.vl-lineup-table tbody td.align-right {
text-align: right;
}
.vl-lineup-table .player-number {
text-align: center;
font-weight: 700;
opacity: 0.6;
font-size: 13px;
}
.vl-lineup-table .player-name-cell {
font-weight: 600;
min-width: 180px;
}
.vl-lineup-table .player-position-cell {
font-size: 13px;
opacity: 0.7;
min-width: 100px;
}
.vl-lineup-table .team-1-bg {
background-color: rgba(0, 0, 0, 0.02);
}
.vl-lineup-table .team-2-bg {
background-color: rgba(0, 0, 0, 0.02);
}
}
/* Hide original table when using new layout */
.sp-template-event-performance-icons .sp-event-performance {
display: none;
}
Past Meetings
| Date | Home | Results | Away | Time | |
|---|---|---|---|---|---|
| Samba VZ | 0 - 3 | N/A |

