.match-empty[data-v-53ad3e68]{align-items:center;color:var(--theme-subtext);display:flex;flex-direction:column;justify-content:center;padding:24px 12px}.match-empty .empty-icon[data-v-53ad3e68]{height:88px;-o-object-fit:contain;object-fit:contain;width:88px}.match-empty .empty-text[data-v-53ad3e68]{color:var(--theme-subtext);font-size:12px;margin-top:8px}.match-card[data-v-53ad3e68]{align-items:center;background:#20273d;border:1px solid #3b3c43;border-radius:4px;box-shadow:0 4px 4px #0000001a;color:var(--theme-text);cursor:pointer;display:flex;flex-direction:column;gap:12px;height:130px;max-width:410px;overflow:visible;padding:8px;position:relative;transition:border-color .2s;width:100%}.match-card[data-v-53ad3e68]:before{background:url(../bg-stadium.png) 50%/cover no-repeat;border-radius:4px;content:"";top:0;right:0;bottom:0;left:0;opacity:.4;pointer-events:none;position:absolute;z-index:0}.match-card[data-v-53ad3e68]>*{position:relative;z-index:1}.match-card[data-v-53ad3e68]:active{border-color:#ffd220}.match-card .match_period[data-v-53ad3e68]{align-items:center;border-radius:100px;color:#000;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;left:50%;position:absolute;top:14px;transform:translate(-50%,-50%);z-index:3}.match-card .match_period[data-v-53ad3e68]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='28' fill='none' viewBox='0 0 82 28'%3E%3Cpath fill='url(%23a)' d='M67.892 28c4.849 0 9.03-3.407 10.01-8.155L82 0H0l4.076 19.836A10.22 10.22 0 0 0 14.09 28z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='41' x2='41' y1='0' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ffd220'/%3E%3Cstop offset='1' stop-color='%23d9aa11'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 50% /cover no-repeat;content:"";height:28px;position:absolute;width:82px;z-index:-1}.match-card .match_period .period-tick[data-v-53ad3e68]{animation:tick-blink-53ad3e68 1s infinite;margin-left:2px}.match-card .match_period_upcoming[data-v-53ad3e68]{background:linear-gradient(180deg,#ffd220,#d9aa11);-webkit-background-clip:text;font-family:Oswald,sans-serif;font-size:13px;font-weight:400;left:50%;line-height:18px;position:absolute;text-align:center;top:14px;transform:translate(-50%,-50%);white-space:nowrap;z-index:3;-webkit-text-fill-color:transparent;background-clip:text}.match-card .card-header[data-v-53ad3e68]{align-items:center;display:flex;justify-content:space-between;left:8px;position:absolute;top:15.5px;width:calc(100% - 16px)}.match-card .card-header .league-info[data-v-53ad3e68]{align-items:center;display:flex;flex:0 1 auto;gap:4px;max-width:calc(50% - 41px);min-width:0}.match-card .card-header .league-info .league-icon[data-v-53ad3e68]{flex-shrink:0;font-size:14px;line-height:1}.match-card .card-header .league-info .league-icon-img[data-v-53ad3e68]{border-radius:50%;flex-shrink:0;height:14px;-o-object-fit:contain;object-fit:contain;width:14px}.match-card .card-header .league-info .league-name[data-v-53ad3e68]{color:#afb1b3;font-size:11px;font-weight:500;line-height:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.match-card .card-header .match-time[data-v-53ad3e68]{color:#afb1b3;flex:0 0 auto;font-family:Oswald,sans-serif;font-size:11px;font-weight:500;line-height:16px;white-space:nowrap}.match-card .card-body[data-v-53ad3e68]{align-items:center;display:flex;gap:20px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.match-card .card-body .team-side[data-v-53ad3e68]{align-items:center;display:flex;flex:1;gap:6px}.match-card .card-body .team-side .team-name[data-v-53ad3e68]{color:#fff;display:-webkit-box;font-size:13px;font-weight:500;-webkit-line-clamp:1;line-clamp:1;line-height:18px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;-webkit-box-orient:vertical;max-width:110px;word-break:break-word}.match-card .card-body .team-side .team-logo[data-v-53ad3e68]{flex-shrink:0;height:24px;width:24px}.match-card .card-body .team-side .team-logo[data-v-53ad3e68] .van-image__img{-o-object-fit:contain;object-fit:contain}.match-card .card-body .team-side.left[data-v-53ad3e68]{justify-content:flex-end;text-align:right}.match-card .card-body .team-side.right[data-v-53ad3e68]{justify-content:flex-start;text-align:left}.match-card .card-body .score-wrap[data-v-53ad3e68]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center}.match-card .card-body .score-capsule[data-v-53ad3e68]{align-items:center;background:#353535;border:1px solid #ffd220;border-radius:88px;display:flex;gap:10px;height:24px;justify-content:center;width:61px}.match-card .card-body .score-capsule .score-num[data-v-53ad3e68]{color:#ffd220;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;line-height:21px;min-width:8px;text-align:center}.match-card .card-body .score-capsule .score-sep[data-v-53ad3e68]{color:#fff;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;line-height:24px}.match-card .card-body .vs-icon[data-v-53ad3e68]{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:44px}.match-card .card-body .vs-icon .vs-img[data-v-53ad3e68]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.match-card .card-footer[data-v-53ad3e68]{align-items:center;bottom:15.5px;display:flex;gap:14px;justify-content:center;min-height:17px;position:absolute;width:100%}.match-card .card-footer .stats-pill[data-v-53ad3e68]{align-items:center;background:#353535;border:.76px solid rgba(102,110,151,.2);border-radius:67px;display:flex;flex-direction:row;gap:8px;justify-content:center;padding:0 4px}.match-card .card-footer .stats-pill .stat-group[data-v-53ad3e68]{align-items:center;display:flex;gap:2px}.match-card .card-footer .stats-pill .stat-group .stat-ht[data-v-53ad3e68]{background:linear-gradient(180deg,#cfecff,#a6d8ff 31.5%,#7dc2ff 72.5%,#54aaff);-webkit-background-clip:text;font-family:Oswald,sans-serif;font-size:11px;font-weight:400;line-height:16px;-webkit-text-fill-color:transparent;background-clip:text}.match-card .card-footer .stats-pill .stat-group .stat-icon[data-v-53ad3e68]{flex-shrink:0;height:10px;-o-object-fit:contain;object-fit:contain;width:10px}.match-card .card-footer .stats-pill .stat-group .stat-score[data-v-53ad3e68]{color:#f9fbfd;font-family:Oswald,sans-serif;font-size:11px;font-weight:400;line-height:16px;text-align:center;white-space:nowrap}.match-card .card-footer .caster-tool-box[data-v-53ad3e68]{align-items:center;display:flex;flex-direction:row;gap:6px}.match-card .card-footer .caster-tool-box .caster-tool-item[data-v-53ad3e68]{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;gap:4px;max-width:120px;min-height:16px;padding:2px 4px}.match-card .card-footer .caster-tool-box .caster-tool-item .tabIcon[data-v-53ad3e68]{border:.5px solid rgba(0,0,0,.15);border-radius:50%;display:block;flex-shrink:0;height:14px;-o-object-fit:cover;object-fit:cover;width:14px}.match-card .card-footer .caster-tool-box .caster-tool-item .tabText[data-v-53ad3e68]{color:#f9fbfd;flex:1;font-family:Oswald,sans-serif;font-size:11px;font-weight:500;line-height:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card .card-footer .caster-tool-box .caster-tool-item[data-v-53ad3e68]:active{background:#ffffff1a;border-radius:.04rem}.match-card.match-card--skeleton[data-v-53ad3e68]{cursor:default;padding-top:20px;pointer-events:none}.match-card.match-card--skeleton[data-v-53ad3e68]:before{display:none}.match-card .skel[data-v-53ad3e68]{animation:shimmer-53ad3e68 1.4s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f,#ffffff0d 75%);background-size:200% 100%;border-radius:4px;display:inline-block;flex-shrink:0}.match-card .skel.skel-circle[data-v-53ad3e68]{border-radius:50%}@keyframes shimmer-53ad3e68{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tick-blink-53ad3e68{0%,to{opacity:1}50%{opacity:0}}