.btn.btn-popup-close--mobile{display:none;transition-duration:var(--DEFAULT_POPUP__closeDuration);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.66,.26,.1,.95)}@media (max-width:768px){.btn.btn-popup-close--mobile{display:flex;opacity:0;position:fixed;right:16px;top:24px;z-index:100}}.btn.btn-popup-close--mobile.show{opacity:1}.widget-match-hero{--container-padding-top: 72;margin:calc(var(--section-slash-clip-inner-gap)*1px*-1) 0 calc((var(--section-slash-clip-gap) + var(--section-slash-clip-inner-gap))*1px*-1);padding:calc(var(--container-padding-top)*1px) 0 calc((var(--section-slash-clip-gap) + var(--section-slash-clip-inner-gap))*1px);position:relative}@media (max-width:768px){.widget-match-hero{--container-padding-top: 24;min-height:628px}}.widget-match-hero .main-wrap{position:relative;z-index:4}.widget-match-hero .main-wrap>.title-box{color:#fff;font-size:3.75rem;line-height:1.5;font-family:LFT Etica Display;letter-spacing:1px}@media (max-width: 992.9px){.widget-match-hero .main-wrap>.title-box{font-size:2rem;line-height:1.375;letter-spacing:0;font-family:LFT Etica Display}}html[lang=zh-HK] .widget-match-hero .main-wrap>.title-box{font-weight:900;font-family:LFT Etica Display,Avenir Next,Noto Sans TC}@media (max-width:768px){.widget-match-hero .main-wrap>.title-box{font-size:3rem;line-height:1.125;font-family:LFT Etica Display;letter-spacing:1px;text-align:center}@media (max-width: 992.9px){.widget-match-hero .main-wrap>.title-box{font-size:1.5rem;line-height:1.41667;letter-spacing:0;font-family:LFT Etica Display}}html[lang=zh-HK] .widget-match-hero .main-wrap>.title-box{font-weight:900;font-family:LFT Etica Display,Avenir Next,Noto Sans TC}}.widget-match-hero .highlighted-match__container{display:flex;justify-content:space-between;margin-top:8px;padding:104px 20px 24px;position:relative;z-index:1}@media (max-width:768px){.widget-match-hero .highlighted-match__container{margin-top:24px;padding:0 14px}}.widget-match-hero .match-info-box{align-items:center;color:#fff;display:flex;flex-direction:column;padding:0 7.5px;text-align:center;width:42%;will-change:transform}@media (max-width:992px){.widget-match-hero .match-info-box{width:50%}}@media (max-width:768px){.widget-match-hero .match-info-box{margin:0 auto;padding:0;width:100%}}.widget-match-hero .match-info-box *+.cta-box,.widget-match-hero .match-info-box *+.detail-box,.widget-match-hero .match-info-box *+.subDetail-box{margin-top:24px}.widget-match-hero .match-info-box .upcoming-text-box .upcoming_text{font-size:2rem;line-height:1.5;font-family:LFT Etica Display;letter-spacing:1px;text-transform:uppercase}@media (max-width: 992.9px){.widget-match-hero .match-info-box .upcoming-text-box .upcoming_text{font-size:1.25rem;line-height:1.4;letter-spacing:0;font-family:LFT Etica Display}}html[lang=zh-HK] .widget-match-hero .match-info-box .upcoming-text-box .upcoming_text{font-weight:900;font-family:LFT Etica Display,Avenir Next,Noto Sans TC}@media (max-width:768px){.widget-match-hero .match-info-box .upcoming-text-box .upcoming_text{font-size:1.125rem;line-height:1.33333;letter-spacing:0;font-family:LFT Etica Display}}.widget-match-hero .match-info-box .upcoming-text-box .result{font-family:LFT Etica Display;font-size:5.625rem;letter-spacing:1px}@media (max-width:992px){.widget-match-hero .match-info-box .upcoming-text-box .result{font-size:3.75rem}}@media (max-width:768px){.widget-match-hero .match-info-box .upcoming-text-box .result{font-size:2rem;line-height:1.5;font-family:LFT Etica Display;letter-spacing:1px}}.widget-match-hero .match-info-box .match-name-box .link-name{display:flex;justify-content:center;margin-top:8px}@media (max-width:768px){.widget-match-hero .match-info-box .match-name-box .link-name{margin-top:4px}}.widget-match-hero .match-info-box .match-name-box .round-name{color:#fff;font-size:.8125rem;line-height:1.53846;letter-spacing:0;font-weight:700;margin-top:12px}@media (max-width: 992.9px){.widget-match-hero .match-info-box .match-name-box .round-name{font-size:.75rem;line-height:1.53846;letter-spacing:0;font-weight:700}}@media (max-width:768px){.widget-match-hero .match-info-box .match-name-box .round-name{margin-top:4px;text-transform:uppercase}}.widget-match-hero .match-info-box .team-box{display:flex;margin-top:24px}.widget-match-hero .match-info-box .team-box .team-represent-box{margin-top:0}.widget-match-hero .match-info-box .team-box .vs-symbol{font-size:1.25rem;line-height:1.6;font-family:LFT Etica Display;align-self:center;flex-shrink:0;letter-spacing:1px;margin:0 6px;text-align:center;text-transform:uppercase;width:48px}.widget-match-hero .match-info-box .subDetail-box{line-height:1.42857;letter-spacing:0;font-weight:500;font-size:.875rem}@media (max-width: 992.9px){.widget-match-hero .match-info-box .subDetail-box{font-size:.75rem;line-height:1.3333;letter-spacing:0;font-weight:500}}.widget-match-hero .match-info-box .subDetail-box>*{display:flex;justify-content:center;margin-top:12px}.widget-match-hero .match-info-box .subDetail-box>:first-child{margin-top:0}.widget-match-hero .match-info-box .cta-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:308px}@media (max-width:768px){.widget-match-hero .match-info-box .cta-list{gap:8px}}.widget-match-hero .team-represent-box{--logo-width: 134;--logo-triangle-height: 25.52;--logo-row-gap: 22;align-items:center;display:flex;flex:1;flex-direction:column;flex-shrink:0;will-change:transform}@media (max-width:768px){.widget-match-hero .team-represent-box{--logo-width: 100;--logo-triangle-height: 18;--logo-row-gap: 18.8}}@media (max-width:480px){.widget-match-hero .team-represent-box{--logo-width: 44.67;--logo-triangle-height: 8.51;--logo-row-gap: 7.5}}.widget-match-hero .team-represent-box .logo-box{aspect-ratio:1/1;margin:0 auto;overflow:hidden;position:relative;width:calc(var(--logo-width)*1px)}.widget-match-hero .team-represent-box .logo-box[data-flag-bg=true]{background-color:#fff}.widget-match-hero .team-represent-box .logo-box[data-flag-bg=true]:after{border-left:calc(var(--logo-width)*.5px) solid transparent;border-right:calc(var(--logo-width)*.5px) solid transparent;border-top:calc(var(--logo-triangle-height)*1px) solid #fff;content:"";display:block;left:0;position:absolute;right:0;top:100%}.widget-match-hero .team-represent-box .logo-box .img-wrap{top:10px;right:10px;bottom:10px;left:10px;position:absolute}@media (max-width:480px){.widget-match-hero .team-represent-box .logo-box .img-wrap{top:3px;right:3px;bottom:3px;left:3px}}.widget-match-hero .team-represent-box .logo-box img{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.widget-match-hero .team-represent-box .name-box{text-transform:uppercase;font-size:1.5rem;line-height:1.5;font-family:LFT Etica Display;letter-spacing:1px;color:#fff;text-align:center}@media (max-width: 992.9px){.widget-match-hero .team-represent-box .name-box{font-size:1.125rem;line-height:1.33333;letter-spacing:0;font-family:LFT Etica Display}}html[lang=zh-HK] .widget-match-hero .team-represent-box .name-box{font-weight:900;font-family:LFT Etica Display,Avenir Next,Noto Sans TC}@media (max-width:768px){.widget-match-hero .team-represent-box .name-box{font-size:1.25rem;line-height:1.6;font-family:LFT Etica Display;letter-spacing:1px}@media (max-width: 992.9px){.widget-match-hero .team-represent-box .name-box{font-size:1rem;line-height:1.375;letter-spacing:0;font-family:LFT Etica Display}}html[lang=zh-HK] .widget-match-hero .team-represent-box .name-box{font-weight:900;font-family:LFT Etica Display,Avenir Next,Noto Sans TC}}.widget-match-hero .team-represent-box *+.name-box{margin-top:calc((var(--logo-triangle-height) + var(--logo-row-gap))*1px)}